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

package/index.js

@@ -1,40 +1,40 @@
-import { c as e, i as t, l as n, o as r, s as i, t as a } from "./LazyContentBoundary-DkAcpR4S.js";
+import { c as e, i as t, l as n, o as r, s as i, t as a } from "./LazyContentBoundary-9fvYBGuL.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 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 = {
+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 E, IconCopy as D, IconDownload as ee, IconEye as te, IconLock as ne, IconMarkdown as re, IconRefresh as ie } from "@tabler/icons-react";
+import { createContext as O, lazy as k, memo as A, useCallback as j, useContext as M, useEffect as N, useMemo as P, useRef as F, useState as I } from "react";
+import { JsonView as ae, defaultStyles as oe } from "react-json-view-lite";
+import { Fragment as se, jsx as L, jsxs as R } from "react/jsx-runtime";
+import { AppRenderer as z } from "@mcp-ui/client";
+import { VisualizerConnectorRequests as B } from "@epam/ai-dial-shared";
+import { VisualizerConnector as ce } from "@epam/ai-dial-visualizer-connector";
+var V = {
 	container: "_container_1nhig_1",
 	containerLight: "_containerLight_1nhig_5"
-}, pe = {
+}, H = {
 	[s.Dark]: h,
 	[s.Light]: h
-}, R = () => E(async () => {
+}, le = () => k(async () => {
 	let { Prism: e } = await import("react-syntax-highlighter");
 	return { default: e };
-}), 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(() => {
+}), ue = A(({ content: e, codeBlockTheme: t = s.Light, labels: n }) => {
+	let { text: r, language: i } = e, o = i == null || i === "plaintext", c = H[t], l = t === s.Light, [u, d] = I(0), f = P(le, [u]), p = j(() => {
 		d((e) => e + 1);
-	}, []), h = /* @__PURE__ */ P("pre", {
+	}, []), h = /* @__PURE__ */ L("pre", {
 		className: "whitespace-pre-wrap break-words p-4",
 		children: r
 	});
-	return /* @__PURE__ */ P("div", {
+	return /* @__PURE__ */ L("div", {
 		dir: "ltr",
-		className: m("h-full overflow-auto", L.container, l && L.containerLight),
-		children: o ? h : /* @__PURE__ */ P(a, {
+		className: m("h-full overflow-auto", V.container, l && V.containerLight),
+		children: o ? h : /* @__PURE__ */ L(a, {
 			retryKey: u,
 			onRetry: p,
 			pendingContent: h,
 			errorContent: h,
 			labels: n,
-			children: /* @__PURE__ */ P(f, {
+			children: /* @__PURE__ */ L(f, {
 				language: i,
 				style: c,
 				customStyle: {
@@ -51,21 +51,21 @@ var L = {
 			})
 		})
 	});
-}), 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(() => {
+}), de = { openInNewTabButton: "_openInNewTabButton_c1arc_1" }, fe = A(({ 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] = I(!0), [d, f] = I(!1), p = F(null);
+	N(() => {
 		u(!0), f(!1);
 	}, [e]);
-	let h = O((t) => {
+	let h = j((t) => {
 		if (u(!1), e.srcdoc == null) try {
 			p.current?.contentDocument ?? f(!0);
 		} catch {
 			f(!0);
 		}
-	}, [e.srcdoc]), g = O(() => {
+	}, [e.srcdoc]), g = j(() => {
 		u(!1), f(!0);
 	}, []);
-	if (n && e.srcdoc != null) return /* @__PURE__ */ P(me, {
+	if (n && e.srcdoc != null) return /* @__PURE__ */ L(ue, {
 		content: {
 			type: i.Code,
 			text: e.srcdoc,
@@ -73,44 +73,44 @@ var L = {
 		},
 		codeBlockTheme: a
 	});
-	if (d) return /* @__PURE__ */ F("div", {
+	if (d) return /* @__PURE__ */ R("div", {
 		className: "flex h-full flex-col items-center justify-center gap-3 p-4",
-		children: [/* @__PURE__ */ P("p", {
+		children: [/* @__PURE__ */ L("p", {
 			className: "text-center",
 			children: s
-		}), e.url != null && /* @__PURE__ */ P(x, {
+		}), e.url != null && /* @__PURE__ */ L(S, {
 			href: e.url,
 			target: "_blank",
 			label: c,
-			className: he.openInNewTabButton,
+			className: de.openInNewTabButton,
 			textClassName: o
 		})]
 	});
-	let _ = e.srcdoc != null, ee = _ ? void 0 : e.url, v = _ ? e.srcdoc : void 0;
-	return /* @__PURE__ */ F("div", {
+	let _ = e.srcdoc != null, v = _ ? void 0 : e.url, y = _ ? e.srcdoc : void 0;
+	return /* @__PURE__ */ R("div", {
 		className: "relative h-full",
-		children: [l && /* @__PURE__ */ P("div", {
+		children: [l && /* @__PURE__ */ L("div", {
 			className: "absolute inset-0 flex items-center justify-center",
-			children: /* @__PURE__ */ P(S, {})
-		}), /* @__PURE__ */ P("iframe", {
+			children: /* @__PURE__ */ L(C, {})
+		}), /* @__PURE__ */ L("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
 		})]
 	});
-}), z = {
+}), U = {
 	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(() => {
+}, pe = ({ content: e, errorLabel: t = "Failed to load app" }) => {
+	let [n, r] = I("loading"), { html: i, sandboxUrl: a, toolName: o, toolInput: s, toolResult: c, hostContext: l, onToolCall: u } = e, d = P(() => ({ url: new URL(a) }), [a]), f = l?.displayMode === "fullscreen", p = F(null), [h, g] = I();
+	N(() => {
 		let e = p.current;
 		if (!e) return;
 		let t = new ResizeObserver(([e]) => {
@@ -123,15 +123,15 @@ var L = {
 		});
 		return t.observe(e), () => t.disconnect();
 	}, []);
-	let _ = j(() => l == null || h == null ? l : {
+	let _ = P(() => l == null || h == null ? l : {
 		...l,
 		containerDimensions: h
 	}, [l, h]);
-	return /* @__PURE__ */ F("div", {
+	return /* @__PURE__ */ R("div", {
 		ref: p,
-		className: m("relative h-full w-full", f && z.fullscreenFrame),
+		className: m("relative h-full w-full", f && U.fullscreenFrame),
 		children: [
-			/* @__PURE__ */ P(de, {
+			/* @__PURE__ */ L(z, {
 				html: i,
 				toolName: o,
 				toolInput: s,
@@ -142,39 +142,39 @@ var L = {
 				onSizeChanged: () => r("ready"),
 				onError: () => r("error")
 			}),
-			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 === "loading" && /* @__PURE__ */ L("div", {
+				className: m("absolute inset-0 flex flex-col items-center justify-center gap-2", U.loadingOverlay),
+				children: /* @__PURE__ */ L(C, {})
 			}),
-			n === "error" && /* @__PURE__ */ F("div", {
+			n === "error" && /* @__PURE__ */ R("div", {
 				className: "absolute inset-0 flex flex-col items-center justify-center gap-2",
-				children: [/* @__PURE__ */ P(C, {
+				children: [/* @__PURE__ */ L(w, {
 					size: 60,
-					stroke: y,
+					stroke: b,
 					"aria-hidden": !0,
-					className: z.errorIcon
-				}), /* @__PURE__ */ P("p", {
+					className: U.errorIcon
+				}), /* @__PURE__ */ L("p", {
 					role: "alert",
-					className: m("text-center", z.statusLabel),
+					className: m("text-center", U.statusLabel),
 					children: t
 				})]
 			})
 		]
 	});
-}, V = {
+}, W = {
 	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) => {
+}, me = (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) => {
+}, he = async (e, t, r, i) => {
 	switch (t) {
 		case n.Docx: {
 			let [{ DocxScrollViewer: t }, { chartEx: n }] = await Promise.all([import("./docx-B9qBTEkj.js"), import("./chart-ex-B0DgG3Dt.js")]);
@@ -196,7 +196,7 @@ var L = {
 		}
 		case n.Csv: {
 			let { XlsxSheetViewer: t } = await import("./xlsx-BAXMTJTG.js"), n = document.createElement("canvas");
-			n.className = V.spreadsheetCanvas, e.replaceChildren(n);
+			n.className = W.spreadsheetCanvas, e.replaceChildren(n);
 			let i = new t(n, {
 				showScrollbars: !0,
 				onError: r
@@ -216,18 +216,18 @@ var L = {
 			});
 		}
 	}
-}, 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(() => {
+}, ge = ({ content: e, fileName: t, loadErrorLabel: r, formulaLabel: i, formulaLabelClassName: a }) => {
+	let o = F(null), [s, c] = I(!0), [l, u] = I(!1), [d, f] = I("");
+	return N(() => {
 		let t = o.current;
 		if (t == null) return;
 		let n, r = !1;
 		return c(!0), u(!1), f(""), (async () => {
 			try {
-				let i = await ve(t, e.format, () => {
+				let i = await he(t, e.format, () => {
 					r || (c(!1), u(!0));
 				}, (e) => {
-					r || f(_e(e));
+					r || f(me(e));
 				});
 				if (r) {
 					i.destroy();
@@ -240,44 +240,44 @@ var L = {
 		})(), () => {
 			r = !0, n?.destroy(), t.replaceChildren();
 		};
-	}, [e.format, e.url]), /* @__PURE__ */ F("div", {
+	}, [e.format, e.url]), /* @__PURE__ */ R("div", {
 		className: "relative flex h-full w-full min-w-0 flex-col overflow-hidden",
 		children: [
-			e.format === n.Xlsx && /* @__PURE__ */ F("div", {
+			e.format === n.Xlsx && /* @__PURE__ */ R("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", {
+				className: m("flex min-w-0 shrink-0 items-center gap-2 border-b px-3 py-2", W.formulaPanel),
+				children: [/* @__PURE__ */ L("span", {
 					"aria-hidden": "true",
 					className: m("shrink-0", a),
 					children: "fx"
-				}), /* @__PURE__ */ P("code", {
+				}), /* @__PURE__ */ L("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),
+					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", W.formulaValue),
 					children: d
 				})]
 			}),
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ L("div", {
 				ref: o,
 				role: "document",
 				"aria-label": t,
 				"aria-busy": s,
-				className: m("min-h-0 w-full flex-1 overflow-hidden", V.viewer)
+				className: m("min-h-0 w-full flex-1 overflow-hidden", W.viewer)
 			}),
-			(s || l) && /* @__PURE__ */ P("div", {
+			(s || l) && /* @__PURE__ */ L("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: m("absolute inset-0 flex items-center justify-center", W.statusOverlay),
+				children: s ? /* @__PURE__ */ L(C, { size: 48 }) : /* @__PURE__ */ R("div", {
 					className: "flex flex-col items-center gap-2",
-					children: [/* @__PURE__ */ P(C, {
+					children: [/* @__PURE__ */ L(w, {
 						"aria-hidden": "true",
 						size: 60,
-						stroke: y,
-						className: V.errorIcon
-					}), /* @__PURE__ */ P("p", {
+						stroke: b,
+						className: W.errorIcon
+					}), /* @__PURE__ */ L("p", {
 						className: "text-center",
 						children: r
 					})]
@@ -285,17 +285,17 @@ var L = {
 			})
 		]
 	});
-}, H = {
+}, G = {
 	loadingOverlay: "_loadingOverlay_12637_1",
 	statusLabel: "_statusLabel_12637_5",
 	errorIcon: "_errorIcon_12637_9"
-}, 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(() => {
+}, _e = ({ content: e, loadingLabel: t, errorLabel: n = "Failed to load visualizer", colors: r }) => {
+	let i = F(null), [a, o] = I("loading"), { url: s, visualizerName: c, requestTimeout: l } = e, u = F(e);
+	return u.current = e, N(() => {
 		let e = i.current;
 		if (!e) return;
 		o("loading");
-		let t = new fe(e, {
+		let t = new ce(e, {
 			domain: s,
 			hostDomain: window.location.origin,
 			visualizerName: c,
@@ -307,7 +307,7 @@ var L = {
 				layout: r,
 				...typeof i == "object" && i ? i : {}
 			};
-			await t.send(I.sendVisualizeData, {
+			await t.send(B.sendVisualizeData, {
 				mimeType: e,
 				visualizerData: a
 			}), n && o("ready");
@@ -320,7 +320,7 @@ var L = {
 		s,
 		c,
 		l
-	]), /* @__PURE__ */ F("div", {
+	]), /* @__PURE__ */ R("div", {
 		className: "relative h-full w-full",
 		style: f({
 			"--vs-loading-bg": r?.loadingBackground,
@@ -328,33 +328,33 @@ var L = {
 			"--vs-error-icon": r?.errorIcon
 		}),
 		children: [
-			/* @__PURE__ */ P("div", {
+			/* @__PURE__ */ L("div", {
 				ref: i,
 				className: "h-full w-full"
 			}),
-			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),
+			a === "loading" && /* @__PURE__ */ R("div", {
+				className: m("absolute inset-0 flex flex-col items-center justify-center gap-2", G.loadingOverlay),
+				children: [/* @__PURE__ */ L(C, {}), t && /* @__PURE__ */ L("p", {
+					className: m("text-center", G.statusLabel),
 					children: t
 				})]
 			}),
-			a === "error" && /* @__PURE__ */ F("div", {
+			a === "error" && /* @__PURE__ */ R("div", {
 				className: "absolute inset-0 flex flex-col items-center justify-center gap-2",
-				children: [/* @__PURE__ */ P(C, {
+				children: [/* @__PURE__ */ L(w, {
 					size: 60,
-					stroke: y,
+					stroke: b,
 					"aria-hidden": !0,
-					className: H.errorIcon
-				}), /* @__PURE__ */ P("p", {
+					className: G.errorIcon
+				}), /* @__PURE__ */ L("p", {
 					role: "alert",
-					className: m("text-center", H.statusLabel),
+					className: m("text-center", G.statusLabel),
 					children: n
 				})]
 			})
 		]
 	});
-}, U = {
+}, K = {
 	body: "_body_13ogb_4",
 	statusLabel: "_statusLabel_13ogb_13",
 	errorIcon: "_errorIcon_13ogb_17",
@@ -369,64 +369,64 @@ var L = {
 	jsonExpandIcon: "_jsonExpandIcon_13ogb_54",
 	jsonCollapseIcon: "_jsonCollapseIcon_13ogb_67",
 	jsonCollapsedContent: "_jsonCollapsedContent_13ogb_84"
-}, 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(() => {
+}, ve = () => k(async () => ({ default: (await import("./PdfContent-BexpRNO0.js")).PdfContent })), ye = ({ url: e, fileName: t, loadErrorLabel: n }) => {
+	let [r, i] = I(!1);
+	return N(() => {
 		i(!1);
-	}, [e]), r ? /* @__PURE__ */ F("div", {
+	}, [e]), r ? /* @__PURE__ */ R("div", {
 		className: "flex flex-col items-center gap-2",
-		children: [/* @__PURE__ */ P(C, {
+		children: [/* @__PURE__ */ L(w, {
 			size: 60,
-			stroke: y,
-			className: U.errorIcon
-		}), /* @__PURE__ */ P("p", {
-			className: m("text-center", U.statusLabel),
+			stroke: b,
+			className: K.errorIcon
+		}), /* @__PURE__ */ L("p", {
+			className: m("text-center", K.statusLabel),
 			children: n
 		})]
-	}) : /* @__PURE__ */ P("img", {
+	}) : /* @__PURE__ */ L("img", {
 		src: e,
 		alt: t ?? "",
 		className: "max-h-full max-w-full object-contain",
 		onError: () => i(!0)
 	});
-}, Ce = new Set([
+}, be = new Set([
 	i.PlainText,
 	i.Code,
 	i.Ooxml
-]), 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(() => ({
+]), xe = A(({ 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: E, xlsxFormulaLabel: D = "Formula", codeContentLoadingLabel: ee, codeContentErrorLabel: te, codeContentRetryLabel: re, tableCopyCsvLabel: ie, tableCopyTxtLabel: O, tableCopyMarkdownLabel: k, tableCopiedLabel: A, tableDownloadCsvLabel: M } = {}, styles: N, codeBlockTheme: F, tableDownloadFilename: se, loadPdf: z, hidePdfToolbar: B = !1, configurePdfWorker: ce }) => {
+	let { colors: V, typography: H, bodyClassName: le, cssVars: de } = N ?? {}, [U, W] = I(0), me = P(ve, [U]), he = j(() => {
+		W((e) => e + 1);
+	}, []), G = H?.fontClassName != null, xe = P(() => ({
 		...f({
-			"--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
+			"--ac-text": V?.text,
+			"--ac-status-text": V?.statusText,
+			"--ac-error-icon": V?.errorIcon,
+			"--ac-open-in-new-tab-text": V?.openInNewTabText,
+			"--ac-json-border": V?.jsonBorder,
+			"--ac-json-bg": V?.jsonBackground,
+			"--ac-json-label": V?.jsonLabel,
+			"--ac-json-clickable-label": V?.jsonClickableLabel,
+			"--ac-json-punctuation": V?.jsonPunctuation,
+			"--ac-json-string": V?.jsonString,
+			"--ac-json-number": V?.jsonNumber,
+			"--ac-json-boolean": V?.jsonBoolean,
+			"--ac-json-null": V?.jsonNull,
+			"--ac-json-toggle-icon": V?.jsonToggleIcon,
+			"--ac-json-toggle-icon-hover": V?.jsonToggleIconHover,
+			"--ac-ooxml-bg": V?.ooxmlBackground,
+			"--ac-ooxml-formula-border": V?.ooxmlFormulaBorder,
+			"--ac-ooxml-formula-bg": V?.ooxmlFormulaBackground,
+			"--ac-ooxml-formula-text": V?.ooxmlFormulaText,
+			"--ac-json-collapsed-text": V?.jsonCollapsedText,
+			"--ac-json-collapsed-bg": V?.jsonCollapsedBackground,
+			"--ac-font-family": G ? void 0 : H?.fontFamily,
+			"--ac-font-size": G ? void 0 : H?.fontSize,
+			"--ac-font-weight": G ? void 0 : H?.fontWeight,
+			"--ac-line-height": G ? void 0 : H?.lineHeight,
+			"--ac-letter-spacing": G ? void 0 : H?.letterSpacing
 		}),
 		...de
-	}), [se]), z = j(() => {
+	}), [N]), Se = P(() => {
 		switch (t.type) {
 			case i.Image:
 			case i.Audio:
@@ -439,73 +439,99 @@ var L = {
 			case i.McpApp:
 			case i.Code:
 			case i.Html: return "h-full overflow-hidden";
+			case i.Markdown:
+			case i.MarkdownTable: return "flex h-full min-h-0 flex-col overflow-hidden p-4";
 			default: return "h-full overflow-auto p-4";
 		}
-	}, [t.type]), V = j(() => {
+	}, [t.type]), Ce = P(() => {
 		switch (t.type) {
-			case i.PlainText: return /* @__PURE__ */ P("pre", {
-				className: m("whitespace-pre-wrap break-words", U.body, M?.fontClassName),
+			case i.PlainText: return /* @__PURE__ */ L("pre", {
+				className: m("whitespace-pre-wrap break-words", K.body, H?.fontClassName),
 				children: t.text
 			});
-			case i.Image: return /* @__PURE__ */ P(Se, {
+			case i.Image: return /* @__PURE__ */ L(ye, {
 				url: t.url,
 				fileName: r,
 				loadErrorLabel: l
 			});
-			case i.Audio: return /* @__PURE__ */ P("audio", {
+			case i.Audio: return /* @__PURE__ */ L("audio", {
 				controls: !0,
 				src: t.url,
 				"aria-label": r ?? "Audio attachment",
 				className: "w-full max-w-sm",
 				preload: "metadata",
-				children: t.mimeType && /* @__PURE__ */ P("source", {
+				children: t.mimeType && /* @__PURE__ */ L("source", {
 					src: t.url,
 					type: t.mimeType
 				})
 			});
-			case i.Markdown: return /* @__PURE__ */ P(d, {
+			case i.Markdown: return /* @__PURE__ */ L(d, {
+				content: t.text,
+				isStreaming: !1,
+				codeBlockTheme: F,
+				containerClassName: "flex h-full min-h-0 flex-col",
+				classNames: {
+					...c,
+					tableWrapper: "my-0 max-h-full",
+					tableScrollContainer: "max-h-full"
+				}
+			});
+			case i.MarkdownTable: return /* @__PURE__ */ L(d, {
 				content: t.text,
 				isStreaming: !1,
-				codeBlockTheme: T,
-				classNames: c
+				codeBlockTheme: F,
+				containerClassName: "flex h-full min-h-0 flex-col",
+				classNames: {
+					...c,
+					tableWrapper: "my-0 max-h-full",
+					tableScrollContainer: "max-h-full"
+				},
+				tableActionLabels: {
+					copyCsvLabel: ie,
+					copyTxtLabel: O,
+					copyMarkdownLabel: k,
+					copiedLabel: A,
+					downloadCsvLabel: M
+				},
+				tableDownloadFilename: se
 			});
-			case i.Json: return /* @__PURE__ */ P("div", {
+			case i.Json: return /* @__PURE__ */ L("div", {
 				dir: "ltr",
 				className: "h-full overflow-auto",
-				children: /* @__PURE__ */ P("div", {
-					className: m("m-3 overflow-auto rounded-md border", U.jsonWrapper),
-					children: /* @__PURE__ */ P(ce, {
+				children: /* @__PURE__ */ L("div", {
+					className: m("m-3 overflow-auto rounded-md border", K.jsonWrapper),
+					children: /* @__PURE__ */ L(ae, {
 						data: t.value,
 						style: {
-							container: m("whitespace-pre-wrap break-words p-2", M?.jsonClassName ?? "dial-code-text"),
-							basicChildStyle: le.basicChildStyle,
+							container: m("whitespace-pre-wrap break-words p-2", H?.jsonClassName ?? "dial-code-text"),
+							basicChildStyle: oe.basicChildStyle,
 							childFieldsContainer: "m-0 ps-3",
-							label: m("me-1 font-semibold", U.jsonLabel),
-							clickableLabel: m("me-1 cursor-pointer font-semibold hover:underline", U.jsonClickableLabel),
-							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)
+							label: m("me-1 font-semibold", K.jsonLabel),
+							clickableLabel: m("me-1 cursor-pointer font-semibold hover:underline", K.jsonClickableLabel),
+							nullValue: m("italic", K.jsonNullValue),
+							undefinedValue: m("italic", K.jsonNullValue),
+							stringValue: K.jsonStringValue,
+							booleanValue: K.jsonBooleanValue,
+							numberValue: K.jsonNumberValue,
+							otherValue: m("italic", K.jsonNullValue),
+							punctuation: m("me-1", K.jsonPunctuation),
+							collapseIcon: m("me-1 cursor-pointer select-none transition-colors", K.jsonCollapseIcon),
+							expandIcon: m("me-1 cursor-pointer select-none transition-colors", K.jsonExpandIcon),
+							collapsedContent: m("me-1 cursor-pointer rounded px-1", K.jsonCollapsedContent)
 						}
 					})
 				})
 			});
-			case i.Code: return /* @__PURE__ */ P(me, {
+			case i.Code: return /* @__PURE__ */ L(ue, {
 				content: t,
-				codeBlockTheme: T,
+				codeBlockTheme: F,
 				labels: {
-					loadingLabel: re,
-					errorLabel: ie,
-					retryLabel: oe
+					loadingLabel: ee,
+					errorLabel: te,
+					retryLabel: re
 				}
 			});
-			case i.Html: return /* @__PURE__ */ P(ge, {
+			case i.Html: return /* @__PURE__ */ L(fe, {
 				content: t,
 				labels: {
 					htmlFrameBlockedLabel: h,
@@ -513,61 +539,62 @@ var L = {
 				},
 				isSourceView: o,
 				title: r,
-				codeBlockTheme: T
+				codeBlockTheme: F
 			});
-			case i.Pdf: return /* @__PURE__ */ P(a, {
-				retryKey: I,
-				onRetry: pe,
+			case i.Pdf: return /* @__PURE__ */ L(a, {
+				retryKey: U,
+				onRetry: he,
 				labels: {
-					loadingLabel: x,
-					errorLabel: w,
-					retryLabel: te
+					loadingLabel: S,
+					errorLabel: T,
+					retryLabel: E
 				},
-				children: /* @__PURE__ */ P(L, {
+				children: /* @__PURE__ */ L(me, {
 					fileName: r,
 					url: t.url,
 					highlights: t.highlights ?? [],
 					selectedHighlightId: t.selectedHighlightId,
-					loadPdf: E,
-					hideHeader: D,
-					configurePdfWorker: k,
+					selectedPageNumber: t.page,
+					loadPdf: z,
+					hideHeader: B,
+					configurePdfWorker: ce,
 					labels: {
 						thumbnailsLabel: _,
-						showThumbnailsLabel: ee,
-						hideThumbnailsLabel: v,
-						pageNumberLabel: b,
-						loadingLabel: x,
-						errorLabel: w,
-						retryLabel: te
+						showThumbnailsLabel: v,
+						hideThumbnailsLabel: y,
+						pageNumberLabel: x,
+						loadingLabel: S,
+						errorLabel: T,
+						retryLabel: E
 					}
 				})
 			}, t.url);
-			case i.Ooxml: return /* @__PURE__ */ P(ye, {
+			case i.Ooxml: return /* @__PURE__ */ L(ge, {
 				content: t,
 				fileName: r,
 				loadErrorLabel: l,
-				formulaLabel: ne,
-				formulaLabelClassName: M?.xlsxFormulaLabelClassName ?? "dial-italic-text"
+				formulaLabel: D,
+				formulaLabelClassName: H?.xlsxFormulaLabelClassName ?? "dial-italic-text"
 			});
-			case i.Visualizer: return /* @__PURE__ */ P(be, {
+			case i.Visualizer: return /* @__PURE__ */ L(_e, {
 				content: t,
 				errorLabel: p
 			});
-			case i.McpApp: return /* @__PURE__ */ P(B, { content: t });
-			case i.Unsupported: return /* @__PURE__ */ P("p", {
-				className: m("text-center", U.statusLabel),
+			case i.McpApp: return /* @__PURE__ */ L(pe, { content: t });
+			case i.Unsupported: return /* @__PURE__ */ L("p", {
+				className: m("text-center", K.statusLabel),
 				children: s
 			});
 			case i.Error: {
 				let n = t.errorType === e.Forbidden;
-				return /* @__PURE__ */ F("div", {
+				return /* @__PURE__ */ R("div", {
 					className: "flex flex-col items-center gap-2",
-					children: [P(n ? ae : C, {
+					children: [L(n ? ne : w, {
 						size: 60,
-						stroke: y,
-						className: U.errorIcon
-					}), /* @__PURE__ */ P("p", {
-						className: m("text-center", U.statusLabel),
+						stroke: b,
+						className: K.errorIcon
+					}), /* @__PURE__ */ L("p", {
+						className: m("text-center", K.statusLabel),
 						children: n ? u : l
 					})]
 				});
@@ -575,11 +602,11 @@ var L = {
 		}
 	}, [
 		t,
-		M?.fontClassName,
-		M?.jsonClassName,
-		M?.xlsxFormulaLabelClassName,
+		H?.fontClassName,
+		H?.jsonClassName,
+		H?.xlsxFormulaLabelClassName,
 		r,
-		T,
+		F,
 		s,
 		l,
 		u,
@@ -587,48 +614,54 @@ var L = {
 		h,
 		g,
 		o,
-		E,
-		D,
-		k,
+		se,
+		z,
+		B,
+		ce,
 		_,
-		ee,
 		v,
-		b,
+		y,
 		x,
-		w,
+		S,
+		T,
+		E,
+		D,
+		ee,
 		te,
-		ne,
 		re,
+		me,
+		U,
+		he,
 		ie,
-		oe,
-		L,
-		I,
-		pe
+		O,
+		k,
+		A,
+		M
 	]);
-	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
+	return /* @__PURE__ */ L("div", {
+		style: !n && be.has(t.type) ? xe : void 0,
+		className: m(n ? "flex h-full items-center justify-center" : Se, le),
+		children: n ? /* @__PURE__ */ L(C, {}) : Ce
 	});
-}), 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);
+}), Se = 2e3, Ce = A(({ 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: ne = "You don't have permission to access this file", htmlFrameBlockedLabel: O = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: k = "Open in new tab", htmlViewSourceLabel: A = "View source", htmlViewRenderedLabel: M = "View rendered", mcpAppReloadLabel: P = "Reload", pdfThumbnailsLabel: ae, pdfShowThumbnailsLabel: oe, pdfHideThumbnailsLabel: z, pdfPageNumberLabel: B, pdfContentLoadingLabel: ce, pdfContentErrorLabel: V, pdfContentRetryLabel: H, xlsxFormulaLabel: le, codeContentLoadingLabel: ue, codeContentErrorLabel: de, codeContentRetryLabel: fe, tableCopyCsvLabel: U, tableCopyTxtLabel: pe, tableCopyMarkdownLabel: W, tableCopiedLabel: me, tableDownloadCsvLabel: he }, onDownload: ge, onCopyText: G, onCopyMarkdown: _e, onCopyJson: K, tableDownloadFilename: ve, isMobile: ye = !1, defaultWidth: be, minWidth: Ce = 600, maxWidth: we = 1500, onResizeStop: Te, styles: Ee, codeBlockTheme: De, loadPdf: Oe, configurePdfWorker: ke }) => {
+	let [Ae, q] = I(!1), [je, Me] = I(!1), [Ne, Pe] = I(!1), [J, Fe] = I(!1), Y = F(null), X = F(null), Z = F(null), Ie = j(() => {
+		G?.(), Y.current != null && clearTimeout(Y.current), q(!0), Y.current = setTimeout(() => q(!1), Se);
+	}, [G]), Le = j(() => {
+		_e?.(), X.current != null && clearTimeout(X.current), Me(!0), X.current = setTimeout(() => Me(!1), Se);
+	}, [_e]), Q = j(() => {
+		K?.(), Z.current != null && clearTimeout(Z.current), Pe(!0), Z.current = setTimeout(() => Pe(!1), Se);
+	}, [K]);
+	N(() => () => {
+		Y.current != null && clearTimeout(Y.current), X.current != null && clearTimeout(X.current), Z.current != null && clearTimeout(Z.current);
 	}, []);
-	let Ne = O(() => {
-		q((e) => !e);
+	let Re = j(() => {
+		Fe((e) => !e);
 	}, []);
-	A(() => {
-		q(!1);
+	N(() => {
+		Fe(!1);
 	}, [a]);
-	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, {
+	let { className: ze, panelStyles: $, ...Be } = Ee ?? {}, Ve = !t && a.type === i.Html && a.srcdoc != null, He = !t && G != null && (a.type === i.PlainText || a.type === i.Code), Ue = !t && _e != null && a.type === i.Markdown, We = !t && K != null && a.type === i.Json, Ge = !t && ge != null && r(a), Ke = !t && a.type === i.McpApp && a.onReload != null;
+	return /* @__PURE__ */ L(v, {
 		isOpen: e,
 		orientation: _.Right,
 		title: o,
@@ -637,129 +670,135 @@ var L = {
 			closeLabel: c
 		},
 		onClose: n,
-		resizable: !ve,
-		defaultWidth: ye,
-		minWidth: H,
-		maxWidth: be,
-		onResizeStop: U,
+		resizable: !ye,
+		defaultWidth: be,
+		minWidth: Ce,
+		maxWidth: we,
+		onResizeStop: Te,
 		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", Pe, Q?.className)
+			...$,
+			titleClassName: $?.titleClassName ?? "dial-h3-text",
+			headerClassName: m("border-b border-tertiary", $?.headerClassName),
+			className: m(e ? "mobile:w-full mobile:max-w-full" : "w-0", ze, $?.className)
 		},
-		rightActions: Ie || $ || Le || Re || ze || Be ? /* @__PURE__ */ F(ue, { children: [
-			Be && /* @__PURE__ */ P(b, {
-				icon: /* @__PURE__ */ P(se, {
-					size: v.LG,
-					stroke: y,
+		rightActions: Ve || He || Ue || We || Ge || Ke ? /* @__PURE__ */ R(se, { children: [
+			Ke && /* @__PURE__ */ L(x, {
+				icon: /* @__PURE__ */ L(ie, {
+					size: y.LG,
+					stroke: b,
 					"aria-hidden": !0
 				}),
-				"aria-label": j,
-				tooltipProps: { tooltip: j },
+				"aria-label": P,
+				tooltipProps: { tooltip: P },
 				onClick: a.type === i.McpApp ? a.onReload : void 0
 			}),
-			Ie && /* @__PURE__ */ P(b, {
-				icon: P(K ? ie : te, {
-					size: v.LG,
-					stroke: y,
+			Ve && /* @__PURE__ */ L(x, {
+				icon: L(J ? te : E, {
+					size: y.LG,
+					stroke: b,
 					"aria-hidden": !0
 				}),
-				"aria-label": K ? k : D,
-				"aria-pressed": K,
-				tooltipProps: { tooltip: K ? k : D },
-				onClick: Ne
+				"aria-label": J ? M : A,
+				"aria-pressed": J,
+				tooltipProps: { tooltip: J ? M : A },
+				onClick: Re
 			}),
-			$ && /* @__PURE__ */ P(b, {
-				icon: P(De ? w : ne, {
-					size: v.LG,
-					stroke: y,
+			He && /* @__PURE__ */ L(x, {
+				icon: L(Ae ? T : D, {
+					size: y.LG,
+					stroke: b,
 					"aria-hidden": !0
 				}),
-				"aria-label": De ? d : u,
-				tooltipProps: { tooltip: De ? d : u },
-				onClick: je
+				"aria-label": Ae ? d : u,
+				tooltipProps: { tooltip: Ae ? d : u },
+				onClick: Ie
 			}),
-			Le && /* @__PURE__ */ P(b, {
-				icon: P(W ? w : oe, {
-					size: v.LG,
-					stroke: y,
+			Ue && /* @__PURE__ */ L(x, {
+				icon: L(je ? T : re, {
+					size: y.LG,
+					stroke: b,
 					"aria-hidden": !0
 				}),
-				"aria-label": W ? p : f,
-				tooltipProps: { tooltip: W ? p : f },
-				onClick: Z
+				"aria-label": je ? p : f,
+				tooltipProps: { tooltip: je ? p : f },
+				onClick: Le
 			}),
-			Re && /* @__PURE__ */ P(b, {
-				icon: P(G ? w : ne, {
-					size: v.LG,
-					stroke: y,
+			We && /* @__PURE__ */ L(x, {
+				icon: L(Ne ? T : D, {
+					size: y.LG,
+					stroke: b,
 					"aria-hidden": !0
 				}),
-				"aria-label": G ? g : h,
-				tooltipProps: { tooltip: G ? g : h },
-				onClick: Me
+				"aria-label": Ne ? g : h,
+				tooltipProps: { tooltip: Ne ? g : h },
+				onClick: Q
 			}),
-			ze && /* @__PURE__ */ P(b, {
-				icon: /* @__PURE__ */ P(re, {
-					size: v.LG,
-					stroke: y
+			Ge && /* @__PURE__ */ L(x, {
+				icon: /* @__PURE__ */ L(ee, {
+					size: y.LG,
+					stroke: b
 				}),
 				"aria-label": l,
 				tooltipProps: { tooltip: l },
-				onClick: z
+				onClick: ge
 			})
 		] }) : null,
-		children: /* @__PURE__ */ P(we, {
+		children: /* @__PURE__ */ L(xe, {
 			content: a,
 			isLoading: t,
 			fileName: o,
-			isHtmlSourceView: K,
+			isHtmlSourceView: J,
 			labels: {
-				unsupportedLabel: S,
-				loadErrorLabel: C,
-				forbiddenErrorLabel: ae,
-				visualizerErrorLabel: x,
-				htmlFrameBlockedLabel: T,
-				htmlOpenInNewTabLabel: E,
-				pdfThumbnailsLabel: ce,
-				pdfShowThumbnailsLabel: le,
-				pdfHideThumbnailsLabel: de,
-				pdfPageNumberLabel: I,
-				pdfContentLoadingLabel: fe,
-				pdfContentErrorLabel: L,
-				pdfContentRetryLabel: pe,
-				xlsxFormulaLabel: R,
-				codeContentLoadingLabel: me,
-				codeContentErrorLabel: he,
-				codeContentRetryLabel: ge
+				unsupportedLabel: C,
+				loadErrorLabel: w,
+				forbiddenErrorLabel: ne,
+				visualizerErrorLabel: S,
+				htmlFrameBlockedLabel: O,
+				htmlOpenInNewTabLabel: k,
+				pdfThumbnailsLabel: ae,
+				pdfShowThumbnailsLabel: oe,
+				pdfHideThumbnailsLabel: z,
+				pdfPageNumberLabel: B,
+				pdfContentLoadingLabel: ce,
+				pdfContentErrorLabel: V,
+				pdfContentRetryLabel: H,
+				xlsxFormulaLabel: le,
+				codeContentLoadingLabel: ue,
+				codeContentErrorLabel: de,
+				codeContentRetryLabel: fe,
+				tableCopyCsvLabel: U,
+				tableCopyTxtLabel: pe,
+				tableCopyMarkdownLabel: W,
+				tableCopiedLabel: me,
+				tableDownloadCsvLabel: he
 			},
-			styles: Fe,
-			codeBlockTheme: Se,
-			loadPdf: Ce,
-			configurePdfWorker: Ee
+			styles: Be,
+			codeBlockTheme: De,
+			tableDownloadFilename: ve,
+			loadPdf: Oe,
+			configurePdfWorker: ke
 		})
 	});
-}), De = {
+}), we = {
 	type: i.PlainText,
 	text: ""
-}, Oe = (e) => {
+}, Te = (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;
-}, 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) => {
+}, Ee = O(void 0);
+Ee.displayName = "AttachmentCanvasContext";
+var De = ({ children: e }) => {
+	let [t, n] = I(!1), [r, i] = I(!1), [a, o] = I(we), [s, c] = I(void 0), [l, u] = I(void 0), d = j((e, t) => {
 		c(e), u(t), i(!0), n(!0);
-	}, []), f = O((e, t, r) => {
+	}, []), f = j((e, t, r) => {
 		o(e), c(t), u(r), i(!1), n(!0);
-	}, []), p = O(() => {
-		o(De), n(!1), i(!1), u(void 0);
+	}, []), p = j(() => {
+		o(we), n(!1), i(!1), u(void 0);
 	}, []);
-	return A(() => () => {
-		let e = Oe(a);
+	return N(() => () => {
+		let e = Te(a);
 		e != null && URL.revokeObjectURL(e);
-	}, [a]), /* @__PURE__ */ P(W.Provider, {
-		value: j(() => ({
+	}, [a]), /* @__PURE__ */ L(Ee.Provider, {
+		value: P(() => ({
 			isOpen: t,
 			isLoading: r,
 			content: a,
@@ -780,102 +819,108 @@ var ke = ({ children: e }) => {
 		]),
 		children: e
 	});
-}, G = () => {
-	let e = k(W);
+}, Oe = () => {
+	let e = M(Ee);
 	if (!e) throw Error("useAttachmentCanvas must be used within an AttachmentCanvasProvider");
 	return e;
-}, 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,
+}, ke = A(({ labels: e, isMobile: n = !1, defaultWidth: r, maxWidth: a, codeBlockTheme: o, tableDownloadFilename: s, configurePdfWorker: c }) => {
+	let { ariaLabel: l = "Attachment preview", closeLabel: u = "Close", downloadLabel: d = "Download", unsupportedLabel: f = "Preview is not supported for this file", loadErrorLabel: m = "Failed to load file", forbiddenErrorLabel: h = "You don't have permission to access this file", copyTextLabel: g, copiedTextLabel: _, copyMarkdownLabel: v, copiedMarkdownLabel: y, copyJsonLabel: b, copiedJsonLabel: x, htmlFrameBlockedLabel: S, htmlOpenInNewTabLabel: C, htmlViewSourceLabel: w, htmlViewRenderedLabel: T, pdfThumbnailsLabel: E, pdfShowThumbnailsLabel: D, pdfHideThumbnailsLabel: ee, pdfPageNumberLabel: te, pdfContentLoadingLabel: ne, pdfContentErrorLabel: re, pdfContentRetryLabel: ie, xlsxFormulaLabel: O, codeContentLoadingLabel: k, codeContentErrorLabel: A, codeContentRetryLabel: M, tableCopyCsvLabel: N, tableCopyTxtLabel: P, tableCopyMarkdownLabel: F, tableCopiedLabel: I, tableDownloadCsvLabel: ae } = e ?? {}, { isOpen: oe, isLoading: se, content: R, fileName: z, closeCanvas: B } = Oe(), ce = j(() => {
+		t(R, z);
+	}, [R, z]), V = j(() => {
+		(R.type === i.PlainText || R.type === i.Code) && p(R.text);
+	}, [R]), H = j(() => {
+		R.type === i.Markdown && p(R.text);
+	}, [R]), le = j(() => {
+		R.type === i.Json && p(JSON.stringify(R.value, null, 2));
+	}, [R]);
+	return /* @__PURE__ */ L(Ce, {
+		isOpen: oe,
+		isLoading: se,
+		onClose: B,
+		content: R,
+		fileName: z,
 		labels: {
-			ariaLabel: c,
-			closeLabel: l,
-			downloadLabel: u,
-			copyTextLabel: h,
-			copiedTextLabel: g,
-			copyMarkdownLabel: _,
-			copiedMarkdownLabel: ee,
-			copyJsonLabel: v,
-			copiedJsonLabel: y,
-			unsupportedLabel: d,
-			loadErrorLabel: f,
-			forbiddenErrorLabel: m,
-			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
+			ariaLabel: l,
+			closeLabel: u,
+			downloadLabel: d,
+			copyTextLabel: g,
+			copiedTextLabel: _,
+			copyMarkdownLabel: v,
+			copiedMarkdownLabel: y,
+			copyJsonLabel: b,
+			copiedJsonLabel: x,
+			unsupportedLabel: f,
+			loadErrorLabel: m,
+			forbiddenErrorLabel: h,
+			htmlFrameBlockedLabel: S,
+			htmlOpenInNewTabLabel: C,
+			htmlViewSourceLabel: w,
+			htmlViewRenderedLabel: T,
+			pdfThumbnailsLabel: E,
+			pdfShowThumbnailsLabel: D,
+			pdfHideThumbnailsLabel: ee,
+			pdfPageNumberLabel: te,
+			pdfContentLoadingLabel: ne,
+			pdfContentErrorLabel: re,
+			pdfContentRetryLabel: ie,
+			xlsxFormulaLabel: O,
+			codeContentLoadingLabel: k,
+			codeContentErrorLabel: A,
+			codeContentRetryLabel: M,
+			tableCopyCsvLabel: N,
+			tableCopyTxtLabel: P,
+			tableCopyMarkdownLabel: F,
+			tableCopiedLabel: I,
+			tableDownloadCsvLabel: ae
 		},
 		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,
+		onCopyText: R.type === i.PlainText || R.type === i.Code ? V : void 0,
+		onCopyMarkdown: R.type === i.Markdown ? H : void 0,
+		onCopyJson: R.type === i.Json ? le : void 0,
+		tableDownloadFilename: s,
 		isMobile: n,
 		defaultWidth: r,
 		maxWidth: a,
 		codeBlockTheme: o,
-		configurePdfWorker: s
+		configurePdfWorker: c
 	});
-}), K = new Set(["html", "htm"]), q = {
+}), Ae = 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"
-}, 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 = {
+}, je = 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(".")), Me = {
 	docx: n.Docx,
 	xlsx: n.Xlsx,
 	pptx: n.Pptx,
 	csv: n.Csv
-}, X = {
+}, Ne = {
 	[q.docx]: n.Docx,
 	[q.xlsx]: n.Xlsx,
 	[q.pptx]: n.Pptx,
 	[u.CSV]: n.Csv
-}, je = {
+}, Pe = {
 	[n.Docx]: q.docx,
 	[n.Xlsx]: q.xlsx,
 	[n.Pptx]: q.pptx,
 	[n.Csv]: u.CSV
-}, Z = (e, t) => {
+}, J = (e, t) => {
 	let n = t?.split(";", 1)[0].trim().toLowerCase();
 	if (n != null) {
-		let e = X[n];
+		let e = Ne[n];
 		if (e != null) return e;
 	}
 	let r = e.lastIndexOf(".");
-	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 : je[n];
-}, Pe = (e) => {
+	if (r !== -1) return Me[e.slice(r + 1).toLowerCase()];
+}, Fe = (e, t) => J(e, t) != null, Y = (e, t) => {
+	let n = J(e, t);
+	return n == null ? void 0 : Pe[n];
+}, X = (e) => {
 	let t = e.lastIndexOf(".");
-	return t === -1 ? !1 : J.has(e.slice(t + 1).toLowerCase());
-}, Q = (e) => {
+	return t === -1 ? !1 : je.has(e.slice(t + 1).toLowerCase());
+}, Z = (e) => {
 	let t = e.lastIndexOf(".");
-	return t === -1 ? !1 : K.has(e.slice(t + 1).toLowerCase());
-}, Fe = {
+	return t === -1 ? !1 : Ae.has(e.slice(t + 1).toLowerCase());
+}, Ie = {
 	xml: "xml",
 	csv: "plaintext",
 	tsv: "plaintext",
@@ -923,18 +968,18 @@ var ke = ({ children: e }) => {
 	gitignore: "plaintext",
 	dockerfile: "plaintext",
 	makefile: "plaintext"
-}, Ie = (e) => Fe[e], $ = (e) => ({
+}, Le = (e) => Ie[e], Q = (e) => ({
 	type: i.Unsupported,
 	...e != null && { url: e }
-}), Le = (t) => ({
+}), Re = (t) => ({
 	type: i.Error,
 	errorType: e.LoadFailed,
 	...t != null && { url: t }
-}), Re = (t) => ({
+}), ze = (t) => ({
 	type: i.Error,
 	errorType: e.Forbidden,
 	...t != null && { url: t }
-}), ze = (e, t) => {
+}), $ = (e, t) => {
 	let n = e.toLowerCase();
 	return t.find((e) => e.contentType.split(",").some((e) => e.trim().toLowerCase() === n && e.trim() !== ""));
 }, Be = (e) => {
@@ -951,12 +996,12 @@ var ke = ({ children: e }) => {
 		return n;
 	}
 }, Ve = (e, t) => {
-	let { openCanvas: n, openCanvasLoading: r, closeCanvas: a } = G(), { customVisualizers: s, themeId: c, onBeforeOpen: d } = t, f = O(async (t, r) => {
+	let { openCanvas: n, openCanvasLoading: r, closeCanvas: a } = Oe(), { customVisualizers: s, themeId: c, onBeforeOpen: d } = t, f = j(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 = ze(a, s);
+		let a = t.contentType.toLowerCase(), o = $(a, s);
 		if (o != null) {
 			let i = await e.resolveVisualizerContent(t, o, c);
 			if (i != null) return n(i, t.name, r), !0;
@@ -965,15 +1010,15 @@ var ke = ({ children: e }) => {
 			let i = await e.resolveTextContent(t);
 			if (i != null) return n(i, t.name, r), !0;
 		}
-		let d = Z("", a);
-		if (d != null) return n(await e.resolveOoxmlContent(t, d) ?? $(e.resolveContentUrl(t)), t.name, r), !0;
+		let d = J("", a);
+		if (d != null) return n(await e.resolveOoxmlContent(t, d) ?? Q(e.resolveContentUrl(t)), t.name, r), !0;
 		switch (a) {
-			case u.PDF: return n(await e.resolvePdfContent(t) ?? $(e.resolveContentUrl(t)), t.name, r), !0;
-			case u.Markdown: return n(await e.resolveMarkdownContent(t) ?? $(e.resolveContentUrl(t)), t.name, r), !0;
-			case u.JSON: return n(await e.resolveJsonContent(t) ?? $(e.resolveContentUrl(t)), t.name, r), !0;
+			case u.PDF: return n(await e.resolvePdfContent(t) ?? Q(e.resolveContentUrl(t)), t.name, r), !0;
+			case u.Markdown: return n(await e.resolveMarkdownContent(t) ?? Q(e.resolveContentUrl(t)), t.name, r), !0;
+			case u.JSON: return n(await e.resolveJsonContent(t) ?? Q(e.resolveContentUrl(t)), t.name, r), !0;
 		}
-		let f = t.name ?? "", p = f.lastIndexOf("."), m = p === -1 ? "" : f.slice(p + 1).toLowerCase(), h = Z(f);
-		if (h != null) return n(await e.resolveOoxmlContent(t, h) ?? $(e.resolveContentUrl(t)), t.name, r), !0;
+		let f = t.name ?? "", p = f.lastIndexOf("."), m = p === -1 ? "" : f.slice(p + 1).toLowerCase(), h = J(f);
+		if (h != null) return n(await e.resolveOoxmlContent(t, h) ?? Q(e.resolveContentUrl(t)), t.name, r), !0;
 		switch (m) {
 			case l.Markdown:
 			case l.MarkdownAlt: {
@@ -989,16 +1034,16 @@ var ke = ({ children: e }) => {
 				return i == null ? !1 : (n(i, 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;
+		let g = t.name != null && Z(t.name) || t.url != null && Z(Be(t.url));
+		if (t.name != null && !X(t.name) && !g) return n(Q(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({
+			return a == null ? e.hasTextSource(t) ? (n(Q(e.resolveContentUrl(t)), t.name, r), !0) : t.url == null ? !1 : (n({
 				type: i.Html,
 				url: t.url
 			}, t.name, r), !0) : (n(a, t.name, r), !0);
 		}
-		let _ = await e.resolveCodeContent(t, Ie(m));
+		let _ = await e.resolveCodeContent(t, Le(m));
 		return _ == null ? !1 : (n(_, t.name, r), !0);
 	}, [
 		n,
@@ -1006,7 +1051,7 @@ var ke = ({ children: e }) => {
 		c,
 		e
 	]);
-	return { openAttachmentCanvas: O(async (t, s = t.id) => {
+	return { openAttachmentCanvas: j(async (t, s = t.id) => {
 		switch (t.type) {
 			case o.Image: {
 				let r = e.resolveImageContent(t);
@@ -1043,4 +1088,4 @@ var ke = ({ children: e }) => {
 	]) };
 };
 //#endregion
-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 };
+export { Ce as AttachmentCanvas, xe as AttachmentCanvasBody, ke as AttachmentCanvasContainer, De as AttachmentCanvasProvider, i as AttachmentContentType, e as AttachmentErrorType, ue as CodeContent, pe as McpAppCanvasRenderer, n as OoxmlFileType, ze as createForbiddenCanvasContent, Re as createLoadErrorCanvasContent, Q as createUnsupportedCanvasContent, t as downloadAttachmentContent, Le as extensionToLanguage, $ as findVisualizerForMime, J as getOoxmlFileType, Y as getOoxmlMimeType, r as isDownloadable, Z as isHtmlPreviewable, Fe as isOoxmlPreviewable, X as isTextPreviewable, Oe as useAttachmentCanvas, Ve as useOpenAttachmentCanvas };