@epam/ai-dial-attachment-canvas 1.2.0-dev.11 → 1.2.0-dev.14

package/index.js

@@ -17,11 +17,11 @@ var de = {
 }, fe = {
 	[l.Dark]: _,
 	[l.Light]: _
-}, pe = () => A(async () => {
+}, U = () => A(async () => {
 	let { Prism: e } = await import("react-syntax-highlighter");
 	return { default: e };
-}), me = j(({ content: e, codeBlockTheme: t = l.Light, labels: n }) => {
-	let { text: r, language: i } = e, a = i == null || i === "plaintext", o = fe[t], c = t === l.Light, [u, d] = L(0), f = F(pe, [u]), p = M(() => {
+}), pe = j(({ content: e, codeBlockTheme: t = l.Light, labels: n }) => {
+	let { text: r, language: i } = e, a = i == null || i === "plaintext", o = fe[t], c = t === l.Light, [u, d] = L(0), f = F(U, [u]), p = M(() => {
 		d((e) => e + 1);
 	}, []), m = /* @__PURE__ */ R("pre", {
 		className: "whitespace-pre-wrap break-words p-4",
@@ -53,7 +53,7 @@ var de = {
 			})
 		})
 	});
-}), he = { openInNewTabButton: "_openInNewTabButton_c1arc_1" }, ge = j(({ content: e, labels: t, isSourceView: n, title: r, codeBlockTheme: a, openInNewTabButtonTypographyClassName: o = "dial-body-semi-text" }) => {
+}), me = { openInNewTabButton: "_openInNewTabButton_c1arc_1" }, he = j(({ 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] = L(!0), [d, f] = L(!1), p = I(null);
 	P(() => {
 		u(!0), f(!1);
@@ -67,7 +67,7 @@ var de = {
 	}, [e.srcdoc]), h = M(() => {
 		u(!1), f(!0);
 	}, []);
-	if (n && e.srcdoc != null) return /* @__PURE__ */ R(me, {
+	if (n && e.srcdoc != null) return /* @__PURE__ */ R(pe, {
 		content: {
 			type: i.Code,
 			text: e.srcdoc,
@@ -84,7 +84,7 @@ var de = {
 			href: e.url,
 			target: "_blank",
 			label: c,
-			className: he.openInNewTabButton,
+			className: me.openInNewTabButton,
 			textClassName: o
 		})]
 	});
@@ -105,10 +105,10 @@ var de = {
 			onError: h
 		})]
 	});
-}), _e = {
+}), ge = {
 	name: "MCP-UI Host",
 	version: "1.0.0"
-}, ve = { openLinks: {} }, U = (e) => {
+}, _e = { openLinks: {} }, W = (e) => {
 	let t;
 	try {
 		t = new URL(e);
@@ -122,14 +122,14 @@ var de = {
 		return !1;
 	}
 	return !0;
-}, ye = (e, t, n) => {
+}, ve = (e, t, n) => {
 	if (n) {
 		e.style.maxWidth = "", e.style.maxHeight = "";
 		return;
 	}
 	let r = t;
 	r != null && (r.width != null && (e.style.width = `${r.width}px`), r.maxWidth != null && (e.style.maxWidth = `${r.maxWidth}px`), r.height != null && (e.style.height = `${r.height}px`), r.maxHeight != null && (e.style.maxHeight = `${r.maxHeight}px`));
-}, be = (e, t, n) => {
+}, ye = (e, t, n) => {
 	let r = I(e);
 	P(() => {
 		r.current = e;
@@ -138,15 +138,15 @@ var de = {
 	return P(() => {
 		let e = null;
 		try {
-			e = new B(null, _e, ve, { hostContext: r.current.hostContext }), e.onopenlink = async ({ url: e }) => {
+			e = new B(null, ge, _e, { hostContext: r.current.hostContext }), e.onopenlink = async ({ url: e }) => {
 				let t = r.current.onOpenLink;
-				return (t == null ? U(e) : t(e)) === !1 ? { isError: !0 } : {};
+				return (t == null ? W(e) : t(e)) === !1 ? { isError: !0 } : {};
 			}, e.onrequestdisplaymode = async ({ mode: e }) => {
 				let t = r.current.onRequestDisplayMode, n = r.current.hostContext?.displayMode ?? "inline";
 				return { mode: t?.(e) ?? n };
 			}, e.oncalltool = (e) => r.current.onToolCall(e.name, e.arguments), e.setNotificationHandler(ue, ({ params: e }) => {
 				let n = t.current?.querySelector("iframe");
-				n != null && ye(n, e.containerDimensions, r.current.hostContext?.displayMode === "fullscreen");
+				n != null && ve(n, e.containerDimensions, r.current.hostContext?.displayMode === "fullscreen");
 			}), a(e);
 		} catch (e) {
 			console.error("[useMcpAppBridge] Error creating AppBridge:", e), s(!0);
@@ -160,12 +160,12 @@ var de = {
 		appBridge: i,
 		hasFailed: o
 	};
-}, W = {
+}, G = {
 	loadingOverlay: "_loadingOverlay_1aric_1",
 	fullscreenFrame: "_fullscreenFrame_1aric_20",
 	statusLabel: "_statusLabel_1aric_27",
 	errorIcon: "_errorIcon_1aric_31"
-}, xe = ({ content: e, errorLabel: t = "Failed to load app" }) => {
+}, be = ({ content: e, errorLabel: t = "Failed to load app" }) => {
 	let [n, r] = L("loading"), { html: i, sandboxUrl: a, toolInput: o, toolResult: s, hostContext: c } = e, l = F(() => ({ url: new URL(a) }), [a]), u = c?.displayMode === "fullscreen", d = I(null), [f, p] = L();
 	P(() => {
 		let e = d.current;
@@ -180,13 +180,13 @@ var de = {
 		});
 		return t.observe(e), () => t.disconnect();
 	}, []);
-	let { appBridge: m, hasFailed: h } = be(e, d, F(() => c == null || f == null ? c : {
+	let { appBridge: m, hasFailed: h } = ye(e, d, F(() => c == null || f == null ? c : {
 		...c,
 		containerDimensions: f
 	}, [c, f])), _ = h || n === "error";
 	return /* @__PURE__ */ z("div", {
 		ref: d,
-		className: g("relative h-full w-full", u && W.fullscreenFrame),
+		className: g("relative h-full w-full", u && G.fullscreenFrame),
 		children: [
 			m != null && /* @__PURE__ */ R(le, {
 				html: i,
@@ -199,7 +199,7 @@ var de = {
 				onError: () => r("error")
 			}),
 			!_ && n === "loading" && /* @__PURE__ */ R("div", {
-				className: g("absolute inset-0 flex flex-col items-center justify-center gap-2", W.loadingOverlay),
+				className: g("absolute inset-0 flex flex-col items-center justify-center gap-2", G.loadingOverlay),
 				children: /* @__PURE__ */ R(T, {})
 			}),
 			_ && /* @__PURE__ */ z("div", {
@@ -208,16 +208,16 @@ var de = {
 					size: 60,
 					stroke: S,
 					"aria-hidden": !0,
-					className: W.errorIcon
+					className: G.errorIcon
 				}), /* @__PURE__ */ R("p", {
 					role: "alert",
-					className: g("text-center", W.statusLabel),
+					className: g("text-center", G.statusLabel),
 					children: t
 				})]
 			})
 		]
 	});
-}, G = {
+}, K = {
 	viewer: "_viewer_1w97n_2",
 	spreadsheetCanvas: "_spreadsheetCanvas_1w97n_6",
 	formulaPanel: "_formulaPanel_1w97n_12",
@@ -225,13 +225,13 @@ var de = {
 	statusOverlay: "_statusOverlay_1w97n_24",
 	errorIcon: "_errorIcon_1w97n_29",
 	highlight: "_highlight_1w97n_37"
-}, Se = (e) => {
+}, xe = (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}`;
-}, Ce = async (e, t, { onError: n, onXlsxSelectionContextChange: i }) => {
+}, Se = async (e, t, { onError: n, onXlsxSelectionContextChange: i }) => {
 	switch (t) {
 		case r.Docx: {
 			let [{ DocxScrollViewer: t }, { chartEx: r }] = await Promise.all([import("./docx-B-VcIRoc.js"), import("./chart-ex-DsESBs97.js")]);
@@ -253,7 +253,7 @@ var de = {
 		}
 		case r.Csv: {
 			let { XlsxSheetViewer: t } = await import("./xlsx-Dn0XSlTO.js"), r = document.createElement("canvas");
-			r.className = G.spreadsheetCanvas, e.replaceChildren(r);
+			r.className = K.spreadsheetCanvas, e.replaceChildren(r);
 			let i = new t(r, {
 				showScrollbars: !0,
 				onError: n
@@ -273,7 +273,7 @@ var de = {
 			});
 		}
 	}
-}, we = async (e, t, n, i) => {
+}, Ce = async (e, t, n, i) => {
 	let { onError: a, onXlsxSelectionContextChange: o, onGeometryInvalidated: s } = n;
 	switch (t.format) {
 		case r.Docx: {
@@ -282,7 +282,7 @@ var de = {
 				import("./chart-ex-DsESBs97.js"),
 				import("./ooxml-highlight-surfaces-CaMjx8u-.js")
 			]), l = await n.load(t.url, { chartEx: o });
-			if (i()) throw l.destroy(), new Te();
+			if (i()) throw l.destroy(), new we();
 			let u = r.fromDocument(e, l, {
 				enableTextSelection: !0,
 				refitOnResize: !0,
@@ -302,7 +302,7 @@ var de = {
 				import("./chart-ex-DsESBs97.js"),
 				import("./ooxml-highlight-surfaces-CaMjx8u-.js")
 			]), l = await n.load(t.url, { chartEx: o });
-			if (i()) throw l.destroy(), new Te();
+			if (i()) throw l.destroy(), new we();
 			let u = r.fromPresentation(e, l, {
 				enableTextSelection: !0,
 				refitOnResize: !0,
@@ -336,11 +336,11 @@ var de = {
 			};
 		}
 		case r.Csv: {
-			let r = await Ce(e, t.format, n);
+			let r = await Se(e, t.format, n);
 			return await r.load(t.url), { viewer: r };
 		}
 	}
-}, Te = class extends Error {}, Ee = ({ content: t, fileName: n, loadErrorLabel: i, formulaLabel: a, formulaLabelClassName: o, highlightsLabel: s = "Cited locations", highlightNavigatedLabel: c = "Scrolled to the cited location" }) => {
+}, we = class extends Error {}, Te = ({ content: t, fileName: n, loadErrorLabel: i, formulaLabel: a, formulaLabelClassName: o, highlightsLabel: s = "Cited locations", highlightNavigatedLabel: c = "Scrolled to the cited location" }) => {
 	let l = I(null), [u, d] = L(!0), [f, p] = L(!1), [m, h] = L(""), [_, v] = L([]), [y, b] = L(!1), { highlights: x, selectedHighlightId: C } = t, w = x != null && x.length > 0, D = I(void 0), O = I(x);
 	O.current = x;
 	let k = I(void 0);
@@ -366,7 +366,7 @@ var de = {
 				i || (d(!1), p(!0));
 			},
 			onXlsxSelectionContextChange: (e) => {
-				i || h(Se(e));
+				i || h(xe(e));
 			},
 			onGeometryInvalidated: s
 		}, f = () => {
@@ -375,14 +375,14 @@ var de = {
 		return e.addEventListener("scroll", s, !0), k.current = s, (async () => {
 			try {
 				if (w) {
-					let r = await we(e, t, u, o);
+					let r = await Ce(e, t, u, o);
 					if (i) {
 						r.viewer.destroy(), r.engine?.destroy();
 						return;
 					}
 					n = r, D.current = r.highlights, f();
 				} else {
-					let r = await Ce(e, t.format, u);
+					let r = await Se(e, t.format, u);
 					if (i) {
 						r.destroy();
 						return;
@@ -392,7 +392,7 @@ var de = {
 				if (i) return;
 				d(!1), await c();
 			} catch (t) {
-				if (t instanceof Te || i) return;
+				if (t instanceof we || i) return;
 				n?.viewer.destroy(), n?.engine?.destroy(), n = void 0, D.current = void 0, e.replaceChildren(), d(!1), p(!0);
 			}
 		})(), () => {
@@ -428,7 +428,7 @@ var de = {
 			t.format === r.Xlsx && /* @__PURE__ */ z("div", {
 				role: "region",
 				"aria-label": a,
-				className: g("flex min-w-0 shrink-0 items-center gap-2 border-b px-3 py-2", G.formulaPanel),
+				className: g("flex min-w-0 shrink-0 items-center gap-2 border-b px-3 py-2", K.formulaPanel),
 				children: [/* @__PURE__ */ R("span", {
 					"aria-hidden": "true",
 					className: g("shrink-0", o),
@@ -437,7 +437,7 @@ var de = {
 					dir: "ltr",
 					tabIndex: 0,
 					"aria-live": "polite",
-					className: g("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", G.formulaValue),
+					className: g("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", K.formulaValue),
 					children: m
 				})]
 			}),
@@ -448,7 +448,7 @@ var de = {
 					role: "document",
 					"aria-label": n,
 					"aria-busy": u,
-					className: g("h-full w-full overflow-hidden", G.viewer)
+					className: g("h-full w-full overflow-hidden", K.viewer)
 				}), _.length > 0 && /* @__PURE__ */ R("div", {
 					role: "region",
 					"aria-label": s,
@@ -463,7 +463,7 @@ var de = {
 						},
 						"data-selected": e.highlightId === C,
 						"data-clipped": e.isClippedAtEnd === !0,
-						className: g("absolute", G.highlight)
+						className: g("absolute", K.highlight)
 					}, `${e.highlightId}-${t}`))
 				})]
 			}),
@@ -476,14 +476,14 @@ var de = {
 			(u || f) && /* @__PURE__ */ R("div", {
 				role: f ? "alert" : void 0,
 				"aria-live": "polite",
-				className: g("absolute inset-0 flex items-center justify-center", G.statusOverlay),
+				className: g("absolute inset-0 flex items-center justify-center", K.statusOverlay),
 				children: u ? /* @__PURE__ */ R(T, { size: 48 }) : /* @__PURE__ */ z("div", {
 					className: "flex flex-col items-center gap-2",
 					children: [/* @__PURE__ */ R(E, {
 						"aria-hidden": "true",
 						size: 60,
 						stroke: S,
-						className: G.errorIcon
+						className: K.errorIcon
 					}), /* @__PURE__ */ R("p", {
 						className: "text-center",
 						children: i
@@ -492,11 +492,11 @@ var de = {
 			})
 		]
 	});
-}, De = {
+}, Ee = {
 	loadingOverlay: "_loadingOverlay_12637_1",
 	statusLabel: "_statusLabel_12637_5",
 	errorIcon: "_errorIcon_12637_9"
-}, Oe = ({ content: e, loadingLabel: t, errorLabel: n = "Failed to load visualizer", colors: r }) => {
+}, De = ({ content: e, loadingLabel: t, errorLabel: n = "Failed to load visualizer", colors: r }) => {
 	let i = I(null), [a, o] = L("loading"), { url: s, visualizerName: c, requestTimeout: l } = e, u = I(e);
 	return u.current = e, P(() => {
 		let e = i.current;
@@ -540,9 +540,9 @@ var de = {
 				className: "h-full w-full"
 			}),
 			a === "loading" && /* @__PURE__ */ z("div", {
-				className: g("absolute inset-0 flex flex-col items-center justify-center gap-2", De.loadingOverlay),
+				className: g("absolute inset-0 flex flex-col items-center justify-center gap-2", Ee.loadingOverlay),
 				children: [/* @__PURE__ */ R(T, {}), t && /* @__PURE__ */ R("p", {
-					className: g("text-center", De.statusLabel),
+					className: g("text-center", Ee.statusLabel),
 					children: t
 				})]
 			}),
@@ -552,16 +552,16 @@ var de = {
 					size: 60,
 					stroke: S,
 					"aria-hidden": !0,
-					className: De.errorIcon
+					className: Ee.errorIcon
 				}), /* @__PURE__ */ R("p", {
 					role: "alert",
-					className: g("text-center", De.statusLabel),
+					className: g("text-center", Ee.statusLabel),
 					children: n
 				})]
 			})
 		]
 	});
-}, K = {
+}, q = {
 	body: "_body_13ogb_4",
 	statusLabel: "_statusLabel_13ogb_13",
 	errorIcon: "_errorIcon_13ogb_17",
@@ -576,7 +576,7 @@ var de = {
 	jsonExpandIcon: "_jsonExpandIcon_13ogb_54",
 	jsonCollapseIcon: "_jsonCollapseIcon_13ogb_67",
 	jsonCollapsedContent: "_jsonCollapsedContent_13ogb_84"
-}, ke = () => A(async () => ({ default: (await import("./PdfContent-D71LPAe3.js")).PdfContent })), Ae = ({ url: e, fileName: t, loadErrorLabel: n }) => {
+}, Oe = () => A(async () => ({ default: (await import("./PdfContent-D71LPAe3.js")).PdfContent })), ke = ({ url: e, fileName: t, loadErrorLabel: n }) => {
 	let [r, i] = L(!1);
 	return P(() => {
 		i(!1);
@@ -585,9 +585,9 @@ var de = {
 		children: [/* @__PURE__ */ R(E, {
 			size: 60,
 			stroke: S,
-			className: K.errorIcon
+			className: q.errorIcon
 		}), /* @__PURE__ */ R("p", {
-			className: g("text-center", K.statusLabel),
+			className: g("text-center", q.statusLabel),
 			children: n
 		})]
 	}) : /* @__PURE__ */ R("img", {
@@ -596,14 +596,14 @@ var de = {
 		className: "max-h-full max-w-full object-contain",
 		onError: () => i(!0)
 	});
-}, je = new Set([
+}, Ae = new Set([
 	i.PlainText,
 	i.Code,
 	i.Ooxml
-]), Me = j(({ content: e, isLoading: t = !1, fileName: r, isHtmlSourceView: a = !1, labels: { unsupportedLabel: o = "Preview is not supported for this file", loadErrorLabel: c = "Failed to load file", forbiddenErrorLabel: l = "You don't have permission to access this file", visualizerErrorLabel: d, htmlFrameBlockedLabel: f = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: h = "Open in new tab", pdfThumbnailsLabel: _, pdfShowThumbnailsLabel: v, pdfHideThumbnailsLabel: y, pdfPageNumberLabel: b, pdfContentLoadingLabel: x, pdfContentErrorLabel: C, pdfContentRetryLabel: w, xlsxFormulaLabel: D = "Formula", codeContentLoadingLabel: O, codeContentErrorLabel: k, codeContentRetryLabel: ee, tableCopyCsvLabel: te, tableCopyTxtLabel: re, tableCopyMarkdownLabel: ie, tableCopiedLabel: ae, tableDownloadCsvLabel: A, ooxmlHighlightsLabel: j, ooxmlHighlightNavigatedLabel: N } = {}, styles: P, codeBlockTheme: I, tableDownloadFilename: ce, loadPdf: B, hidePdfToolbar: le = !1, configurePdfWorker: ue }) => {
-	let { colors: V, typography: H, bodyClassName: de, cssVars: fe } = P ?? {}, [pe, he] = L(0), _e = F(ke, [pe]), ve = M(() => {
-		he((e) => e + 1);
-	}, []), U = H?.fontClassName != null, ye = F(() => ({
+]), je = j(({ content: e, isLoading: t = !1, fileName: r, isHtmlSourceView: a = !1, labels: { unsupportedLabel: o = "Preview is not supported for this file", loadErrorLabel: c = "Failed to load file", forbiddenErrorLabel: l = "You don't have permission to access this file", visualizerErrorLabel: d, htmlFrameBlockedLabel: f = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: h = "Open in new tab", pdfThumbnailsLabel: _, pdfShowThumbnailsLabel: v, pdfHideThumbnailsLabel: y, pdfPageNumberLabel: b, pdfContentLoadingLabel: x, pdfContentErrorLabel: C, pdfContentRetryLabel: w, xlsxFormulaLabel: D = "Formula", codeContentLoadingLabel: O, codeContentErrorLabel: k, codeContentRetryLabel: ee, tableCopyCsvLabel: te, tableCopyTxtLabel: re, tableCopyMarkdownLabel: ie, tableCopiedLabel: ae, tableDownloadCsvLabel: A, ooxmlHighlightsLabel: j, ooxmlHighlightNavigatedLabel: N } = {}, styles: P, codeBlockTheme: I, tableDownloadFilename: ce, loadPdf: B, hidePdfToolbar: le = !1, configurePdfWorker: ue }) => {
+	let { colors: V, typography: H, bodyClassName: de, cssVars: fe } = P ?? {}, [U, me] = L(0), ge = F(Oe, [U]), _e = M(() => {
+		me((e) => e + 1);
+	}, []), W = H?.fontClassName != null, ve = F(() => ({
 		...m({
 			"--ac-text": V?.text,
 			"--ac-status-text": V?.statusText,
@@ -628,14 +628,14 @@ var de = {
 			"--ac-ooxml-highlight-bg": V?.ooxmlHighlightBackground,
 			"--ac-json-collapsed-text": V?.jsonCollapsedText,
 			"--ac-json-collapsed-bg": V?.jsonCollapsedBackground,
-			"--ac-font-family": U ? void 0 : H?.fontFamily,
-			"--ac-font-size": U ? void 0 : H?.fontSize,
-			"--ac-font-weight": U ? void 0 : H?.fontWeight,
-			"--ac-line-height": U ? void 0 : H?.lineHeight,
-			"--ac-letter-spacing": U ? void 0 : H?.letterSpacing
+			"--ac-font-family": W ? void 0 : H?.fontFamily,
+			"--ac-font-size": W ? void 0 : H?.fontSize,
+			"--ac-font-weight": W ? void 0 : H?.fontWeight,
+			"--ac-line-height": W ? void 0 : H?.lineHeight,
+			"--ac-letter-spacing": W ? void 0 : H?.letterSpacing
 		}),
 		...fe
-	}), [P]), be = F(() => {
+	}), [P]), ye = F(() => {
 		switch (e.type) {
 			case i.Image:
 			case i.Audio:
@@ -652,13 +652,13 @@ var de = {
 			case i.MarkdownTable: return "flex h-full min-h-0 flex-col overflow-hidden p-4";
 			default: return "h-full overflow-auto p-4";
 		}
-	}, [e.type]), W = F(() => {
+	}, [e.type]), G = F(() => {
 		switch (e.type) {
 			case i.PlainText: return /* @__PURE__ */ R("pre", {
-				className: g("whitespace-pre-wrap break-words", K.body, H?.fontClassName),
+				className: g("whitespace-pre-wrap break-words", q.body, H?.fontClassName),
 				children: e.text
 			});
-			case i.Image: return /* @__PURE__ */ R(Ae, {
+			case i.Image: return /* @__PURE__ */ R(ke, {
 				url: e.url,
 				fileName: r,
 				loadErrorLabel: c
@@ -703,30 +703,30 @@ var de = {
 				dir: "ltr",
 				className: "h-full overflow-auto",
 				children: /* @__PURE__ */ R("div", {
-					className: g("m-3 overflow-auto rounded-md border", K.jsonWrapper),
+					className: g("m-3 overflow-auto rounded-md border", q.jsonWrapper),
 					children: /* @__PURE__ */ R(oe, {
 						data: e.value,
 						style: {
 							container: g("whitespace-pre-wrap break-words p-2", H?.jsonClassName ?? "dial-code-text"),
 							basicChildStyle: se.basicChildStyle,
 							childFieldsContainer: "m-0 ps-3",
-							label: g("me-1 font-semibold", K.jsonLabel),
-							clickableLabel: g("me-1 cursor-pointer font-semibold hover:underline", K.jsonClickableLabel),
-							nullValue: g("italic", K.jsonNullValue),
-							undefinedValue: g("italic", K.jsonNullValue),
-							stringValue: K.jsonStringValue,
-							booleanValue: K.jsonBooleanValue,
-							numberValue: K.jsonNumberValue,
-							otherValue: g("italic", K.jsonNullValue),
-							punctuation: g("me-1", K.jsonPunctuation),
-							collapseIcon: g("me-1 cursor-pointer select-none transition-colors", K.jsonCollapseIcon),
-							expandIcon: g("me-1 cursor-pointer select-none transition-colors", K.jsonExpandIcon),
-							collapsedContent: g("me-1 cursor-pointer rounded px-1", K.jsonCollapsedContent)
+							label: g("me-1 font-semibold", q.jsonLabel),
+							clickableLabel: g("me-1 cursor-pointer font-semibold hover:underline", q.jsonClickableLabel),
+							nullValue: g("italic", q.jsonNullValue),
+							undefinedValue: g("italic", q.jsonNullValue),
+							stringValue: q.jsonStringValue,
+							booleanValue: q.jsonBooleanValue,
+							numberValue: q.jsonNumberValue,
+							otherValue: g("italic", q.jsonNullValue),
+							punctuation: g("me-1", q.jsonPunctuation),
+							collapseIcon: g("me-1 cursor-pointer select-none transition-colors", q.jsonCollapseIcon),
+							expandIcon: g("me-1 cursor-pointer select-none transition-colors", q.jsonExpandIcon),
+							collapsedContent: g("me-1 cursor-pointer rounded px-1", q.jsonCollapsedContent)
 						}
 					})
 				})
 			});
-			case i.Code: return /* @__PURE__ */ R(me, {
+			case i.Code: return /* @__PURE__ */ R(pe, {
 				content: e,
 				codeBlockTheme: I,
 				labels: {
@@ -735,7 +735,7 @@ var de = {
 					retryLabel: ee
 				}
 			});
-			case i.Html: return /* @__PURE__ */ R(ge, {
+			case i.Html: return /* @__PURE__ */ R(he, {
 				content: e,
 				labels: {
 					htmlFrameBlockedLabel: f,
@@ -746,14 +746,14 @@ var de = {
 				codeBlockTheme: I
 			});
 			case i.Pdf: return /* @__PURE__ */ R(s, {
-				retryKey: pe,
-				onRetry: ve,
+				retryKey: U,
+				onRetry: _e,
 				labels: {
 					loadingLabel: x,
 					errorLabel: C,
 					retryLabel: w
 				},
-				children: /* @__PURE__ */ R(_e, {
+				children: /* @__PURE__ */ R(ge, {
 					fileName: r,
 					url: e.url,
 					highlights: e.highlights ?? [],
@@ -773,7 +773,7 @@ var de = {
 					}
 				})
 			}, e.url);
-			case i.Ooxml: return /* @__PURE__ */ R(Ee, {
+			case i.Ooxml: return /* @__PURE__ */ R(Te, {
 				content: e,
 				fileName: r,
 				loadErrorLabel: c,
@@ -782,13 +782,13 @@ var de = {
 				highlightsLabel: j,
 				highlightNavigatedLabel: N
 			});
-			case i.Visualizer: return /* @__PURE__ */ R(Oe, {
+			case i.Visualizer: return /* @__PURE__ */ R(De, {
 				content: e,
 				errorLabel: d
 			});
-			case i.McpApp: return /* @__PURE__ */ R(xe, { content: e });
+			case i.McpApp: return /* @__PURE__ */ R(be, { content: e });
 			case i.Unsupported: return /* @__PURE__ */ R("p", {
-				className: g("text-center", K.statusLabel),
+				className: g("text-center", q.statusLabel),
 				children: o
 			});
 			case i.Error: {
@@ -798,9 +798,9 @@ var de = {
 					children: [R(t ? ne : E, {
 						size: 60,
 						stroke: S,
-						className: K.errorIcon
+						className: q.errorIcon
 					}), /* @__PURE__ */ R("p", {
-						className: g("text-center", K.statusLabel),
+						className: g("text-center", q.statusLabel),
 						children: t ? l : c
 					})]
 				});
@@ -835,9 +835,9 @@ var de = {
 		O,
 		k,
 		ee,
+		ge,
+		U,
 		_e,
-		pe,
-		ve,
 		te,
 		re,
 		ie,
@@ -847,28 +847,28 @@ var de = {
 		N
 	]);
 	return /* @__PURE__ */ R("div", {
-		style: !t && je.has(e.type) ? ye : void 0,
-		className: g(t ? "flex h-full items-center justify-center" : be, de),
-		children: t ? /* @__PURE__ */ R(T, {}) : W
+		style: !t && Ae.has(e.type) ? ve : void 0,
+		className: g(t ? "flex h-full items-center justify-center" : ye, de),
+		children: t ? /* @__PURE__ */ R(T, {}) : G
 	});
-}), Ne = 2e3, Pe = j(({ isOpen: e, isLoading: t = !1, onClose: n, content: r, fileName: a, labels: { ariaLabel: s, closeLabel: c = "Close", resizeLabel: l = "Resize panel", downloadLabel: u = "Download", copyTextLabel: d = "Copy text", copiedTextLabel: f = "Copied!", copyMarkdownLabel: p = "Copy as Markdown", copiedMarkdownLabel: m = "Copied!", copyJsonLabel: h = "Copy as JSON", copiedJsonLabel: _ = "Copied!", visualizerErrorLabel: v, unsupportedLabel: w = "Preview is not supported for this file", loadErrorLabel: T = "Failed to load file", forbiddenErrorLabel: E = "You don't have permission to access this file", htmlFrameBlockedLabel: ne = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: ae = "Open in new tab", htmlViewSourceLabel: A = "View source", htmlViewRenderedLabel: j = "View rendered", mcpAppReloadLabel: N = "Reload", pdfThumbnailsLabel: F, pdfShowThumbnailsLabel: oe, pdfHideThumbnailsLabel: se, pdfPageNumberLabel: B, pdfContentLoadingLabel: le, pdfContentErrorLabel: ue, pdfContentRetryLabel: V, xlsxFormulaLabel: H, codeContentLoadingLabel: de, codeContentErrorLabel: fe, codeContentRetryLabel: pe, tableCopyCsvLabel: me, tableCopyTxtLabel: he, tableCopyMarkdownLabel: ge, tableCopiedLabel: _e, tableDownloadCsvLabel: ve, ooxmlHighlightsLabel: U, ooxmlHighlightNavigatedLabel: ye }, onDownload: be, onCopyText: W, onCopyMarkdown: xe, onCopyJson: G, tableDownloadFilename: Se, isMobile: Ce = !1, defaultWidth: we, minWidth: Te = 600, maxWidth: Ee = 1500, onResizeStop: De, styles: Oe, codeBlockTheme: K, loadPdf: ke, configurePdfWorker: Ae }) => {
-	let [je, Pe] = L(!1), [Fe, Ie] = L(!1), [q, Le] = L(!1), [J, Re] = L(!1), Y = I(null), X = I(null), Z = I(null), ze = M(() => {
-		W?.(), Y.current != null && clearTimeout(Y.current), Pe(!0), Y.current = setTimeout(() => Pe(!1), Ne);
-	}, [W]), Be = M(() => {
-		xe?.(), X.current != null && clearTimeout(X.current), Ie(!0), X.current = setTimeout(() => Ie(!1), Ne);
-	}, [xe]), Ve = M(() => {
-		G?.(), Z.current != null && clearTimeout(Z.current), Le(!0), Z.current = setTimeout(() => Le(!1), Ne);
-	}, [G]);
+}), Me = 2e3, Ne = j(({ isOpen: e, isLoading: t = !1, onClose: n, content: r, fileName: a, labels: { ariaLabel: s, closeLabel: c = "Close", resizeLabel: l = "Resize panel", downloadLabel: u = "Download", copyTextLabel: d = "Copy text", copiedTextLabel: f = "Copied!", copyMarkdownLabel: p = "Copy as Markdown", copiedMarkdownLabel: m = "Copied!", copyJsonLabel: h = "Copy as JSON", copiedJsonLabel: _ = "Copied!", visualizerErrorLabel: v, unsupportedLabel: w = "Preview is not supported for this file", loadErrorLabel: T = "Failed to load file", forbiddenErrorLabel: E = "You don't have permission to access this file", htmlFrameBlockedLabel: ne = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: ae = "Open in new tab", htmlViewSourceLabel: A = "View source", htmlViewRenderedLabel: j = "View rendered", mcpAppReloadLabel: N = "Reload", pdfThumbnailsLabel: F, pdfShowThumbnailsLabel: oe, pdfHideThumbnailsLabel: se, pdfPageNumberLabel: B, pdfContentLoadingLabel: le, pdfContentErrorLabel: ue, pdfContentRetryLabel: V, xlsxFormulaLabel: H, codeContentLoadingLabel: de, codeContentErrorLabel: fe, codeContentRetryLabel: U, tableCopyCsvLabel: pe, tableCopyTxtLabel: me, tableCopyMarkdownLabel: he, tableCopiedLabel: ge, tableDownloadCsvLabel: _e, ooxmlHighlightsLabel: W, ooxmlHighlightNavigatedLabel: ve }, onDownload: ye, onCopyText: G, onCopyMarkdown: be, onCopyJson: K, tableDownloadFilename: xe, isMobile: Se = !1, defaultWidth: Ce, minWidth: we = 600, maxWidth: Te = 1500, onResizeStop: Ee, styles: De, codeBlockTheme: q, loadPdf: Oe, configurePdfWorker: ke }) => {
+	let [Ae, Ne] = L(!1), [Pe, J] = L(!1), [Fe, Ie] = L(!1), [Y, Le] = L(!1), X = I(null), Z = I(null), Q = I(null), Re = M(() => {
+		G?.(), X.current != null && clearTimeout(X.current), Ne(!0), X.current = setTimeout(() => Ne(!1), Me);
+	}, [G]), ze = M(() => {
+		be?.(), Z.current != null && clearTimeout(Z.current), J(!0), Z.current = setTimeout(() => J(!1), Me);
+	}, [be]), Be = M(() => {
+		K?.(), Q.current != null && clearTimeout(Q.current), Ie(!0), Q.current = setTimeout(() => Ie(!1), Me);
+	}, [K]);
 	P(() => () => {
-		Y.current != null && clearTimeout(Y.current), X.current != null && clearTimeout(X.current), Z.current != null && clearTimeout(Z.current);
+		X.current != null && clearTimeout(X.current), Z.current != null && clearTimeout(Z.current), Q.current != null && clearTimeout(Q.current);
 	}, []);
-	let Q = M(() => {
-		Re((e) => !e);
+	let Ve = M(() => {
+		Le((e) => !e);
 	}, []);
 	P(() => {
-		Re(!1);
+		Le(!1);
 	}, [r]);
-	let { className: He, panelStyles: Ue, ...We } = Oe ?? {}, Ge = !t && r.type === i.Html && r.srcdoc != null, Ke = !t && W != null && (r.type === i.PlainText || r.type === i.Code), qe = !t && xe != null && r.type === i.Markdown, $ = !t && G != null && r.type === i.Json, Je = !t && be != null && o(r), Ye = !t && r.type === i.McpApp && r.onReload != null;
+	let { className: $, panelStyles: He, ...Ue } = De ?? {}, We = !t && r.type === i.Html && r.srcdoc != null, Ge = !t && G != null && (r.type === i.PlainText || r.type === i.Code), Ke = !t && be != null && r.type === i.Markdown, qe = !t && K != null && r.type === i.Json, Je = !t && ye != null && o(r), Ye = !t && r.type === i.McpApp && r.onReload != null;
 	return /* @__PURE__ */ R(b, {
 		isOpen: e,
 		orientation: y.Right,
@@ -879,18 +879,18 @@ var de = {
 			resizeLabel: l
 		},
 		onClose: n,
-		resizable: !Ce,
-		defaultWidth: we,
-		minWidth: Te,
-		maxWidth: Ee,
-		onResizeStop: De,
+		resizable: !Se,
+		defaultWidth: Ce,
+		minWidth: we,
+		maxWidth: Te,
+		onResizeStop: Ee,
 		styles: {
-			...Ue,
-			titleClassName: Ue?.titleClassName ?? "dial-h3-text",
-			headerClassName: g("border-b border-tertiary", Ue?.headerClassName),
-			className: g(e ? "mobile:w-full mobile:max-w-full" : "w-0", He, Ue?.className)
+			...He,
+			titleClassName: He?.titleClassName ?? "dial-h3-text",
+			headerClassName: g("border-b border-tertiary", He?.headerClassName),
+			className: g(e ? "mobile:w-full mobile:max-w-full" : "w-0", $, He?.className)
 		},
-		rightActions: Ge || Ke || qe || $ || Je || Ye ? /* @__PURE__ */ z(ce, { children: [
+		rightActions: We || Ge || Ke || qe || Je || Ye ? /* @__PURE__ */ z(ce, { children: [
 			Ye && /* @__PURE__ */ R(C, {
 				icon: /* @__PURE__ */ R(ie, {
 					size: x.LG,
@@ -901,46 +901,46 @@ var de = {
 				tooltipProps: { tooltip: N },
 				onClick: r.type === i.McpApp ? r.onReload : void 0
 			}),
-			Ge && /* @__PURE__ */ R(C, {
-				icon: R(J ? te : O, {
+			We && /* @__PURE__ */ R(C, {
+				icon: R(Y ? te : O, {
 					size: x.LG,
 					stroke: S,
 					"aria-hidden": !0
 				}),
-				"aria-label": J ? j : A,
-				"aria-pressed": J,
-				tooltipProps: { tooltip: J ? j : A },
-				onClick: Q
+				"aria-label": Y ? j : A,
+				"aria-pressed": Y,
+				tooltipProps: { tooltip: Y ? j : A },
+				onClick: Ve
 			}),
-			Ke && /* @__PURE__ */ R(C, {
-				icon: R(je ? D : k, {
+			Ge && /* @__PURE__ */ R(C, {
+				icon: R(Ae ? D : k, {
 					size: x.LG,
 					stroke: S,
 					"aria-hidden": !0
 				}),
-				"aria-label": je ? f : d,
-				tooltipProps: { tooltip: je ? f : d },
-				onClick: ze
+				"aria-label": Ae ? f : d,
+				tooltipProps: { tooltip: Ae ? f : d },
+				onClick: Re
 			}),
-			qe && /* @__PURE__ */ R(C, {
-				icon: R(Fe ? D : re, {
+			Ke && /* @__PURE__ */ R(C, {
+				icon: R(Pe ? D : re, {
 					size: x.LG,
 					stroke: S,
 					"aria-hidden": !0
 				}),
-				"aria-label": Fe ? m : p,
-				tooltipProps: { tooltip: Fe ? m : p },
-				onClick: Be
+				"aria-label": Pe ? m : p,
+				tooltipProps: { tooltip: Pe ? m : p },
+				onClick: ze
 			}),
-			$ && /* @__PURE__ */ R(C, {
-				icon: R(q ? D : k, {
+			qe && /* @__PURE__ */ R(C, {
+				icon: R(Fe ? D : k, {
 					size: x.LG,
 					stroke: S,
 					"aria-hidden": !0
 				}),
-				"aria-label": q ? _ : h,
-				tooltipProps: { tooltip: q ? _ : h },
-				onClick: Ve
+				"aria-label": Fe ? _ : h,
+				tooltipProps: { tooltip: Fe ? _ : h },
+				onClick: Be
 			}),
 			Je && /* @__PURE__ */ R(C, {
 				icon: /* @__PURE__ */ R(ee, {
@@ -949,14 +949,14 @@ var de = {
 				}),
 				"aria-label": u,
 				tooltipProps: { tooltip: u },
-				onClick: be
+				onClick: ye
 			})
 		] }) : null,
-		children: /* @__PURE__ */ R(Me, {
+		children: /* @__PURE__ */ R(je, {
 			content: r,
 			isLoading: t,
 			fileName: a,
-			isHtmlSourceView: J,
+			isHtmlSourceView: Y,
 			labels: {
 				unsupportedLabel: w,
 				loadErrorLabel: T,
@@ -974,41 +974,139 @@ var de = {
 				xlsxFormulaLabel: H,
 				codeContentLoadingLabel: de,
 				codeContentErrorLabel: fe,
-				codeContentRetryLabel: pe,
-				tableCopyCsvLabel: me,
-				tableCopyTxtLabel: he,
-				tableCopyMarkdownLabel: ge,
-				tableCopiedLabel: _e,
-				tableDownloadCsvLabel: ve,
-				ooxmlHighlightsLabel: U,
-				ooxmlHighlightNavigatedLabel: ye
+				codeContentRetryLabel: U,
+				tableCopyCsvLabel: pe,
+				tableCopyTxtLabel: me,
+				tableCopyMarkdownLabel: he,
+				tableCopiedLabel: ge,
+				tableDownloadCsvLabel: _e,
+				ooxmlHighlightsLabel: W,
+				ooxmlHighlightNavigatedLabel: ve
 			},
-			styles: We,
-			codeBlockTheme: K,
-			tableDownloadFilename: Se,
-			loadPdf: ke,
-			configurePdfWorker: Ae
+			styles: Ue,
+			codeBlockTheme: q,
+			tableDownloadFilename: xe,
+			loadPdf: Oe,
+			configurePdfWorker: ke
 		})
 	});
-}), Fe = {
+}), Pe = 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"
+}, Fe = 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(".")), Ie = {
+	docx: r.Docx,
+	xlsx: r.Xlsx,
+	pptx: r.Pptx,
+	csv: r.Csv
+}, Y = {
+	[J.docx]: r.Docx,
+	[J.xlsx]: r.Xlsx,
+	[J.pptx]: r.Pptx,
+	[f.CSV]: r.Csv
+}, Le = {
+	[r.Docx]: J.docx,
+	[r.Xlsx]: J.xlsx,
+	[r.Pptx]: J.pptx,
+	[r.Csv]: f.CSV
+}, X = (e, t) => {
+	let n = t?.split(";", 1)[0].trim().toLowerCase();
+	if (n != null) {
+		let e = Y[n];
+		if (e != null) return e;
+	}
+	let r = e.lastIndexOf(".");
+	if (r !== -1) return Ie[e.slice(r + 1).toLowerCase()];
+}, Z = (e, t) => X(e, t) != null, Q = (e, t) => {
+	let n = X(e, t);
+	return n == null ? void 0 : Le[n];
+}, Re = (e) => {
+	let t = e.lastIndexOf(".");
+	return t === -1 ? !1 : Fe.has(e.slice(t + 1).toLowerCase());
+}, ze = (e) => {
+	let t = e.lastIndexOf(".");
+	return t === -1 ? !1 : Pe.has(e.slice(t + 1).toLowerCase());
+}, Be = {
+	xml: "xml",
+	csv: "plaintext",
+	tsv: "plaintext",
+	yaml: "yaml",
+	yml: "yaml",
+	toml: "toml",
+	ini: "ini",
+	conf: "ini",
+	cfg: "ini",
+	css: "css",
+	scss: "css",
+	sass: "css",
+	less: "css",
+	js: "javascript",
+	mjs: "javascript",
+	cjs: "javascript",
+	jsx: "jsx",
+	ts: "typescript",
+	mts: "typescript",
+	cts: "typescript",
+	tsx: "tsx",
+	py: "python",
+	rb: "ruby",
+	go: "go",
+	rs: "rust",
+	java: "java",
+	kt: "kotlin",
+	swift: "swift",
+	c: "c",
+	h: "c",
+	cpp: "cpp",
+	cs: "csharp",
+	sh: "bash",
+	bash: "bash",
+	zsh: "bash",
+	fish: "bash",
+	ps1: "bash",
+	sql: "sql",
+	json: "json",
+	jsonl: "json",
+	ndjson: "json",
+	txt: "plaintext",
+	log: "plaintext",
+	env: "plaintext",
+	gitignore: "plaintext",
+	dockerfile: "plaintext",
+	makefile: "plaintext"
+}, Ve = (e) => Be[e], $ = (e) => ({
+	type: i.Unsupported,
+	...e != null && { url: e }
+}), He = (e) => ({
+	type: i.Error,
+	errorType: n.LoadFailed,
+	...e != null && { url: e }
+}), Ue = (e) => ({
+	type: i.Error,
+	errorType: n.Forbidden,
+	...e != null && { url: e }
+}), We = (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;
+}, Ge = (e) => {
+	let t = We(e);
+	t != null && URL.revokeObjectURL(t);
+}, Ke = {
 	type: i.PlainText,
 	text: ""
-}, Ie = (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;
-}, q = ae(void 0);
-q.displayName = "AttachmentCanvasContext";
-var Le = ({ children: e }) => {
-	let [t, n] = L(!1), [r, i] = L(!1), [a, o] = L(Fe), [s, c] = L(void 0), [l, u] = L(void 0), d = M((e, t) => {
+}, qe = ae(void 0);
+qe.displayName = "AttachmentCanvasContext";
+var Je = ({ children: e }) => {
+	let [t, n] = L(!1), [r, i] = L(!1), [a, o] = L(Ke), [s, c] = L(void 0), [l, u] = L(void 0), d = M((e, t) => {
 		c(e), u(t), i(!0), n(!0);
 	}, []), f = M((e, t, r) => {
 		o(e), c(t), u(r), i(!1), n(!0);
 	}, []), p = M(() => {
-		o(Fe), n(!1), i(!1), u(void 0);
+		o(Ke), n(!1), i(!1), u(void 0);
 	}, []);
 	return P(() => () => {
-		let e = Ie(a);
+		let e = We(a);
 		e != null && URL.revokeObjectURL(e);
-	}, [a]), /* @__PURE__ */ R(q.Provider, {
+	}, [a]), /* @__PURE__ */ R(qe.Provider, {
 		value: F(() => ({
 			isOpen: t,
 			isLoading: r,
@@ -1030,12 +1128,12 @@ var Le = ({ children: e }) => {
 		]),
 		children: e
 	});
-}, J = () => {
-	let e = N(q);
+}, Ye = () => {
+	let e = N(qe);
 	if (!e) throw Error("useAttachmentCanvas must be used within an AttachmentCanvasProvider");
 	return e;
-}, Re = j(({ labels: e, isMobile: t = !1, defaultWidth: n, maxWidth: r, 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: p = "Failed to load file", forbiddenErrorLabel: m = "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: O, pdfPageNumberLabel: k, pdfContentLoadingLabel: ee, pdfContentErrorLabel: te, pdfContentRetryLabel: ne, xlsxFormulaLabel: re, codeContentLoadingLabel: ie, codeContentErrorLabel: ae, codeContentRetryLabel: A, tableCopyCsvLabel: j, tableCopyTxtLabel: N, tableCopyMarkdownLabel: P, tableCopiedLabel: F, tableDownloadCsvLabel: I, ooxmlHighlightsLabel: L, ooxmlHighlightNavigatedLabel: oe } = e ?? {}, { isOpen: se, isLoading: ce, content: z, fileName: B, closeCanvas: le } = J(), ue = M(() => {
+}, Xe = j(({ labels: e, isMobile: t = !1, defaultWidth: n, maxWidth: r, 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: p = "Failed to load file", forbiddenErrorLabel: m = "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: O, pdfPageNumberLabel: k, pdfContentLoadingLabel: ee, pdfContentErrorLabel: te, pdfContentRetryLabel: ne, xlsxFormulaLabel: re, codeContentLoadingLabel: ie, codeContentErrorLabel: ae, codeContentRetryLabel: A, tableCopyCsvLabel: j, tableCopyTxtLabel: N, tableCopyMarkdownLabel: P, tableCopiedLabel: F, tableDownloadCsvLabel: I, ooxmlHighlightsLabel: L, ooxmlHighlightNavigatedLabel: oe } = e ?? {}, { isOpen: se, isLoading: ce, content: z, fileName: B, closeCanvas: le } = Ye(), ue = M(() => {
 		a(z, B);
 	}, [z, B]), V = M(() => {
 		(z.type === i.PlainText || z.type === i.Code) && h(z.text);
@@ -1044,7 +1142,7 @@ var Le = ({ children: e }) => {
 	}, [z]), de = M(() => {
 		z.type === i.Json && h(JSON.stringify(z.value, null, 2));
 	}, [z]);
-	return /* @__PURE__ */ R(Pe, {
+	return /* @__PURE__ */ R(Ne, {
 		isOpen: se,
 		isLoading: ce,
 		onClose: le,
@@ -1097,105 +1195,10 @@ var Le = ({ children: e }) => {
 		codeBlockTheme: o,
 		configurePdfWorker: c
 	});
-}), Y = new Set(["html", "htm"]), X = {
-	docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
-	xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-	pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation"
-}, Z = 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(".")), ze = {
-	docx: r.Docx,
-	xlsx: r.Xlsx,
-	pptx: r.Pptx,
-	csv: r.Csv
-}, Be = {
-	[X.docx]: r.Docx,
-	[X.xlsx]: r.Xlsx,
-	[X.pptx]: r.Pptx,
-	[f.CSV]: r.Csv
-}, Ve = {
-	[r.Docx]: X.docx,
-	[r.Xlsx]: X.xlsx,
-	[r.Pptx]: X.pptx,
-	[r.Csv]: f.CSV
-}, Q = (e, t) => {
-	let n = t?.split(";", 1)[0].trim().toLowerCase();
-	if (n != null) {
-		let e = Be[n];
-		if (e != null) return e;
-	}
-	let r = e.lastIndexOf(".");
-	if (r !== -1) return ze[e.slice(r + 1).toLowerCase()];
-}, He = (e, t) => Q(e, t) != null, Ue = (e, t) => {
-	let n = Q(e, t);
-	return n == null ? void 0 : Ve[n];
-}, We = (e) => {
-	let t = e.lastIndexOf(".");
-	return t === -1 ? !1 : Z.has(e.slice(t + 1).toLowerCase());
-}, Ge = (e) => {
-	let t = e.lastIndexOf(".");
-	return t === -1 ? !1 : Y.has(e.slice(t + 1).toLowerCase());
-}, Ke = {
-	xml: "xml",
-	csv: "plaintext",
-	tsv: "plaintext",
-	yaml: "yaml",
-	yml: "yaml",
-	toml: "toml",
-	ini: "ini",
-	conf: "ini",
-	cfg: "ini",
-	css: "css",
-	scss: "css",
-	sass: "css",
-	less: "css",
-	js: "javascript",
-	mjs: "javascript",
-	cjs: "javascript",
-	jsx: "jsx",
-	ts: "typescript",
-	mts: "typescript",
-	cts: "typescript",
-	tsx: "tsx",
-	py: "python",
-	rb: "ruby",
-	go: "go",
-	rs: "rust",
-	java: "java",
-	kt: "kotlin",
-	swift: "swift",
-	c: "c",
-	h: "c",
-	cpp: "cpp",
-	cs: "csharp",
-	sh: "bash",
-	bash: "bash",
-	zsh: "bash",
-	fish: "bash",
-	ps1: "bash",
-	sql: "sql",
-	json: "json",
-	jsonl: "json",
-	ndjson: "json",
-	txt: "plaintext",
-	log: "plaintext",
-	env: "plaintext",
-	gitignore: "plaintext",
-	dockerfile: "plaintext",
-	makefile: "plaintext"
-}, qe = (e) => Ke[e], $ = (e) => ({
-	type: i.Unsupported,
-	...e != null && { url: e }
-}), Je = (e) => ({
-	type: i.Error,
-	errorType: n.LoadFailed,
-	...e != null && { url: e }
-}), Ye = (e) => ({
-	type: i.Error,
-	errorType: n.Forbidden,
-	...e != null && { url: e }
-}), Xe = (e, t) => {
+}), Ze = (e, t) => {
 	let n = e.toLowerCase();
 	return t.find((e) => e.contentType.split(",").some((e) => e.trim().toLowerCase() === n && e.trim() !== ""));
-}, Ze = (e) => {
+}, Qe = (e) => {
 	let t;
 	try {
 		t = new URL(e).pathname;
@@ -1208,63 +1211,63 @@ var Le = ({ children: e }) => {
 	} catch {
 		return n;
 	}
-}, Qe = (e, t) => {
-	let { openCanvas: n, openCanvasLoading: r, closeCanvas: a } = J(), { customVisualizers: o, themeId: s, onBeforeOpen: l } = t, u = M(async (t, r) => {
+}, $e = (e, t) => {
+	let { openCanvas: n, openCanvasLoading: r, closeCanvas: a } = Ye(), { customVisualizers: o, themeId: s, onBeforeOpen: l } = t, u = M(async (t, n, r) => {
 		if (t.url == null && t.referenceUrl != null) {
 			let i = e.resolveReferencePdfContent(t);
-			if (i != null) return n(i, t.name, r), !0;
+			if (i != null) return r(i, t.name, n);
 		}
-		let a = t.contentType.toLowerCase(), c = Xe(a, o);
+		let a = t.contentType.toLowerCase(), c = Ze(a, o);
 		if (c != null) {
 			let i = await e.resolveVisualizerContent(t, c, s);
-			if (i != null) return n(i, t.name, r), !0;
+			if (i != null) return r(i, t.name, n);
 		}
 		if (!a && t.data != null) {
 			let i = await e.resolveTextContent(t);
-			if (i != null) return n(i, t.name, r), !0;
+			if (i != null) return r(i, t.name, n);
 		}
-		let l = Q("", a);
-		if (l != null) return n(await e.resolveOoxmlContent(t, l) ?? $(e.resolveContentUrl(t)), t.name, r), !0;
+		let l = X("", a);
+		if (l != null) return r(await e.resolveOoxmlContent(t, l) ?? $(e.resolveContentUrl(t)), t.name, n);
 		switch (a) {
-			case f.PDF: return n(await e.resolvePdfContent(t) ?? $(e.resolveContentUrl(t)), t.name, r), !0;
-			case f.Markdown: return n(await e.resolveMarkdownContent(t) ?? $(e.resolveContentUrl(t)), t.name, r), !0;
-			case f.JSON: return n(await e.resolveJsonContent(t) ?? $(e.resolveContentUrl(t)), t.name, r), !0;
+			case f.PDF: return r(await e.resolvePdfContent(t) ?? $(e.resolveContentUrl(t)), t.name, n);
+			case f.Markdown: return r(await e.resolveMarkdownContent(t) ?? $(e.resolveContentUrl(t)), t.name, n);
+			case f.JSON: return r(await e.resolveJsonContent(t) ?? $(e.resolveContentUrl(t)), t.name, n);
 		}
-		let u = t.name ?? "", p = u.lastIndexOf("."), m = p === -1 ? "" : u.slice(p + 1).toLowerCase(), h = Q(u);
-		if (h != null) return n(await e.resolveOoxmlContent(t, h) ?? $(e.resolveContentUrl(t)), t.name, r), !0;
+		let u = t.name ?? "", p = u.lastIndexOf("."), m = p === -1 ? "" : u.slice(p + 1).toLowerCase(), h = X(u);
+		if (h != null) return r(await e.resolveOoxmlContent(t, h) ?? $(e.resolveContentUrl(t)), t.name, n);
 		switch (m) {
 			case d.Markdown:
 			case d.MarkdownAlt: {
 				let i = await e.resolveMarkdownContent(t);
-				return i == null ? !1 : (n(i, t.name, r), !0);
+				return i == null ? !1 : r(i, t.name, n);
 			}
 			case d.JSON: {
 				let i = await e.resolveJsonContent(t);
-				return i == null ? !1 : (n(i, t.name, r), !0);
+				return i == null ? !1 : r(i, t.name, n);
 			}
 			case d.PDF: {
 				let i = await e.resolvePdfContent(t);
-				return i == null ? !1 : (n(i, t.name, r), !0);
+				return i == null ? !1 : r(i, t.name, n);
 			}
 		}
-		let g = t.name != null && Ge(t.name) || t.url != null && Ge(Ze(t.url));
-		if (t.name != null && !We(t.name) && !g) return n($(e.resolveContentUrl(t)), t.name, r), !0;
+		let g = t.name != null && ze(t.name) || t.url != null && ze(Qe(t.url));
+		if (t.name != null && !Re(t.name) && !g) return r($(e.resolveContentUrl(t)), t.name, n);
 		if (g) {
 			let a = await e.resolveHtmlContent(t);
-			return a == null ? e.hasTextSource(t) ? (n($(e.resolveContentUrl(t)), t.name, r), !0) : t.url == null ? !1 : (n({
+			return a == null ? e.hasTextSource(t) ? r($(e.resolveContentUrl(t)), t.name, n) : t.url == null ? !1 : r({
 				type: i.Html,
 				url: t.url
-			}, t.name, r), !0) : (n(a, t.name, r), !0);
+			}, t.name, n) : r(a, t.name, n);
 		}
-		let _ = await e.resolveCodeContent(t, qe(m));
-		return _ == null ? !1 : (n(_, t.name, r), !0);
+		let _ = await e.resolveCodeContent(t, Ve(m));
+		return _ == null ? !1 : r(_, t.name, n);
 	}, [
-		n,
 		o,
 		s,
 		e
 	]);
-	return { openAttachmentCanvas: M(async (t, o = t.id) => {
+	return { openAttachmentCanvas: M(async (t, o = t.id, s) => {
+		let d = () => s == null || s(), f = (e, t, r) => d() ? (n(e, t, r), !0) : (Ge(e), !1);
 		switch (t.type) {
 			case c.Image: {
 				let r = e.resolveImageContent(t);
@@ -1280,14 +1283,14 @@ var Le = ({ children: e }) => {
 			}
 			case c.File: {
 				l?.(), r(t.name, o);
-				let e = await u(t, o);
-				return e || a(), e;
+				let e = await u(t, o, f);
+				return !e && d() && a(), e;
 			}
 			case c.Pasted:
 			case c.Prompt: {
 				l?.(), r(t.name, o);
-				let i = await e.resolveTextContent(t);
-				return i == null ? (a(), !1) : (n(i, t.name, o), !0);
+				let n = await e.resolveTextContent(t);
+				return n == null ? (d() && a(), !1) : f(n, t.name, o);
 			}
 			default: return !1;
 		}
@@ -1301,4 +1304,4 @@ var Le = ({ children: e }) => {
 	]) };
 };
 //#endregion
-export { Pe as AttachmentCanvas, Me as AttachmentCanvasBody, Re as AttachmentCanvasContainer, Le as AttachmentCanvasProvider, i as AttachmentContentType, n as AttachmentErrorType, me as CodeContent, xe as McpAppCanvasRenderer, r as OoxmlFileType, t as OoxmlHighlightKind, Ye as createForbiddenCanvasContent, Je as createLoadErrorCanvasContent, $ as createUnsupportedCanvasContent, a as downloadAttachmentContent, qe as extensionToLanguage, Xe as findVisualizerForMime, Q as getOoxmlFileType, Ue as getOoxmlMimeType, o as isDownloadable, Ge as isHtmlPreviewable, He as isOoxmlPreviewable, We as isTextPreviewable, J as useAttachmentCanvas, Qe as useOpenAttachmentCanvas };
+export { Ne as AttachmentCanvas, je as AttachmentCanvasBody, Xe as AttachmentCanvasContainer, Je as AttachmentCanvasProvider, i as AttachmentContentType, n as AttachmentErrorType, pe as CodeContent, be as McpAppCanvasRenderer, r as OoxmlFileType, t as OoxmlHighlightKind, Ue as createForbiddenCanvasContent, He as createLoadErrorCanvasContent, $ as createUnsupportedCanvasContent, a as downloadAttachmentContent, Ve as extensionToLanguage, Ze as findVisualizerForMime, X as getOoxmlFileType, Q as getOoxmlMimeType, o as isDownloadable, ze as isHtmlPreviewable, Z as isOoxmlPreviewable, Re as isTextPreviewable, Ye as useAttachmentCanvas, $e as useOpenAttachmentCanvas };