@epam/ai-dial-attachment-canvas 1.1.0-dev.432 → 1.1.0-dev.435

package/index.js

@@ -1,42 +1,43 @@
-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 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 { i as e, n as t, r as n, t as r } from "./attachment-canvas-Bp6WeQws.js";
+import { i, o as a, t as o } from "./LazyContentBoundary-CL7J_W9c.js";
+import { AttachmentType as s, CodeBlockTheme as c, DEFAULT_MARKDOWN_CLASS_NAMES as l, FileExtension as u, MIMEType as d, MarkdownRenderer as f, buildCssVars as p, copyToClipboard as m, mergeClasses as h, restrainedSyntaxTheme as g, stripUrlQueryAndFragment as _ } from "@epam/ai-dial-chat-shared";
+import { SidebarOrientation as v, SidebarPanel as y } from "@epam/ai-dial-sidebar";
+import { DIAL_ICON_SIZE as b, DIAL_KIT_ICON_STROKE as x, GhostIconButton as S, LinkButton as C, Spinner as w } from "@epam/ai-dial-ui-kit";
+import { IconAlertTriangle as T, IconCheck as E, IconCode as D, IconCopy as O, IconDownload as ee, IconEye as te, IconLock as ne, IconMarkdown as re, IconRefresh as ie } from "@tabler/icons-react";
+import { createContext as ae, lazy as oe, memo as k, useCallback as A, useContext as j, useEffect as M, useMemo as N, useRef as P, useState as F } from "react";
+import { JsonView as se, defaultStyles as ce } from "react-json-view-lite";
+import { Fragment as I, 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";
+import { VisualizerConnector as le } from "@epam/ai-dial-visualizer-connector";
 var V = {
 	container: "_container_1nhig_1",
 	containerLight: "_containerLight_1nhig_5"
 }, H = {
-	[s.Dark]: h,
-	[s.Light]: h
-}, le = () => k(async () => {
+	[c.Dark]: g,
+	[c.Light]: g
+}, U = () => oe(async () => {
 	let { Prism: e } = await import("react-syntax-highlighter");
 	return { default: e };
-}), 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(() => {
+}), ue = k(({ content: e, codeBlockTheme: t = c.Light, labels: n }) => {
+	let { text: r, language: i } = e, a = i == null || i === "plaintext", s = H[t], l = t === c.Light, [u, d] = F(0), f = N(U, [u]), p = A(() => {
 		d((e) => e + 1);
-	}, []), h = /* @__PURE__ */ L("pre", {
+	}, []), m = /* @__PURE__ */ L("pre", {
 		className: "whitespace-pre-wrap break-words p-4",
 		children: r
 	});
 	return /* @__PURE__ */ L("div", {
 		dir: "ltr",
-		className: m("h-full overflow-auto", V.container, l && V.containerLight),
-		children: o ? h : /* @__PURE__ */ L(a, {
+		className: h("h-full overflow-auto", V.container, l && V.containerLight),
+		children: a ? m : /* @__PURE__ */ L(o, {
 			retryKey: u,
 			onRetry: p,
-			pendingContent: h,
-			errorContent: h,
+			pendingContent: m,
+			errorContent: m,
 			labels: n,
 			children: /* @__PURE__ */ L(f, {
 				language: i,
-				style: c,
+				style: s,
 				customStyle: {
 					margin: 0,
 					borderRadius: 0,
@@ -51,23 +52,23 @@ var V = {
 			})
 		})
 	});
-}), 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(() => {
+}), de = { openInNewTabButton: "_openInNewTabButton_c1arc_1" }, fe = k(({ content: e, labels: t, isSourceView: n, title: i, codeBlockTheme: a, openInNewTabButtonTypographyClassName: o = "dial-body-semi-text" }) => {
+	let { htmlFrameBlockedLabel: s = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: c = "Open in new tab" } = t, [l, u] = F(!0), [d, f] = F(!1), p = P(null);
+	M(() => {
 		u(!0), f(!1);
 	}, [e]);
-	let h = j((t) => {
+	let m = A((t) => {
 		if (u(!1), e.srcdoc == null) try {
 			p.current?.contentDocument ?? f(!0);
 		} catch {
 			f(!0);
 		}
-	}, [e.srcdoc]), g = j(() => {
+	}, [e.srcdoc]), g = A(() => {
 		u(!1), f(!0);
 	}, []);
 	if (n && e.srcdoc != null) return /* @__PURE__ */ L(ue, {
 		content: {
-			type: i.Code,
+			type: r.Code,
 			text: e.srcdoc,
 			language: "html"
 		},
@@ -78,7 +79,7 @@ var V = {
 		children: [/* @__PURE__ */ L("p", {
 			className: "text-center",
 			children: s
-		}), e.url != null && /* @__PURE__ */ L(S, {
+		}), e.url != null && /* @__PURE__ */ L(C, {
 			href: e.url,
 			target: "_blank",
 			label: c,
@@ -91,26 +92,26 @@ var V = {
 		className: "relative h-full",
 		children: [l && /* @__PURE__ */ L("div", {
 			className: "absolute inset-0 flex items-center justify-center",
-			children: /* @__PURE__ */ L(C, {})
+			children: /* @__PURE__ */ L(w, {})
 		}), /* @__PURE__ */ L("iframe", {
 			ref: p,
-			title: r,
+			title: i,
 			src: v,
 			srcDoc: y,
 			sandbox: _ ? "allow-scripts" : "allow-scripts allow-same-origin",
-			className: m("h-full w-full border-none", l ? "invisible" : ""),
-			onLoad: h,
+			className: h("h-full w-full border-none", l ? "invisible" : ""),
+			onLoad: m,
 			onError: g
 		})]
 	});
-}), U = {
+}), W = {
 	loadingOverlay: "_loadingOverlay_72o98_1",
 	fullscreenFrame: "_fullscreenFrame_72o98_14",
 	statusLabel: "_statusLabel_72o98_19",
 	errorIcon: "_errorIcon_72o98_23"
 }, 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 [n, r] = F("loading"), { html: i, sandboxUrl: a, toolName: o, toolInput: s, toolResult: c, hostContext: l, onToolCall: u } = e, d = N(() => ({ url: new URL(a) }), [a]), f = l?.displayMode === "fullscreen", p = P(null), [m, g] = F();
+	M(() => {
 		let e = p.current;
 		if (!e) return;
 		let t = new ResizeObserver(([e]) => {
@@ -123,13 +124,13 @@ var V = {
 		});
 		return t.observe(e), () => t.disconnect();
 	}, []);
-	let _ = P(() => l == null || h == null ? l : {
+	let _ = N(() => l == null || m == null ? l : {
 		...l,
-		containerDimensions: h
-	}, [l, h]);
+		containerDimensions: m
+	}, [l, m]);
 	return /* @__PURE__ */ R("div", {
 		ref: p,
-		className: m("relative h-full w-full", f && U.fullscreenFrame),
+		className: h("relative h-full w-full", f && W.fullscreenFrame),
 		children: [
 			/* @__PURE__ */ L(z, {
 				html: i,
@@ -143,38 +144,39 @@ var V = {
 				onError: () => r("error")
 			}),
 			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, {})
+				className: h("absolute inset-0 flex flex-col items-center justify-center gap-2", W.loadingOverlay),
+				children: /* @__PURE__ */ L(w, {})
 			}),
 			n === "error" && /* @__PURE__ */ R("div", {
 				className: "absolute inset-0 flex flex-col items-center justify-center gap-2",
-				children: [/* @__PURE__ */ L(w, {
+				children: [/* @__PURE__ */ L(T, {
 					size: 60,
-					stroke: b,
+					stroke: x,
 					"aria-hidden": !0,
-					className: U.errorIcon
+					className: W.errorIcon
 				}), /* @__PURE__ */ L("p", {
 					role: "alert",
-					className: m("text-center", U.statusLabel),
+					className: h("text-center", W.statusLabel),
 					children: t
 				})]
 			})
 		]
 	});
-}, 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"
+}, G = {
+	viewer: "_viewer_1w97n_2",
+	spreadsheetCanvas: "_spreadsheetCanvas_1w97n_6",
+	formulaPanel: "_formulaPanel_1w97n_12",
+	formulaValue: "_formulaValue_1w97n_18",
+	statusOverlay: "_statusOverlay_1w97n_24",
+	errorIcon: "_errorIcon_1w97n_29",
+	highlight: "_highlight_1w97n_37"
 }, 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}`;
-}, he = async (e, t, r, i) => {
+}, he = async (e, t, { onError: r, onXlsxSelectionContextChange: 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 +198,7 @@ var V = {
 		}
 		case n.Csv: {
 			let { XlsxSheetViewer: t } = await import("./xlsx-BAXMTJTG.js"), n = document.createElement("canvas");
-			n.className = W.spreadsheetCanvas, e.replaceChildren(n);
+			n.className = G.spreadsheetCanvas, e.replaceChildren(n);
 			let i = new t(n, {
 				showScrollbars: !0,
 				onError: r
@@ -216,67 +218,217 @@ var V = {
 			});
 		}
 	}
-}, 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;
+}, ge = async (e, t, r, i) => {
+	let { onError: a, onXlsxSelectionContextChange: o, onGeometryInvalidated: s } = r;
+	switch (t.format) {
+		case n.Docx: {
+			let [{ DocxDocument: n, DocxScrollViewer: r }, { chartEx: o }, { createDocxHighlightSurface: c }] = await Promise.all([
+				import("./docx-B9qBTEkj.js"),
+				import("./chart-ex-B0DgG3Dt.js"),
+				import("./ooxml-highlight-surfaces-BhfVZvru.js")
+			]), l = await n.load(t.url, { chartEx: o });
+			if (i()) throw l.destroy(), new K();
+			let u = r.fromDocument(e, l, {
+				enableTextSelection: !0,
+				refitOnResize: !0,
+				onError: a,
+				onScaleChange: s,
+				onVisiblePageChange: s
+			});
+			return {
+				viewer: u,
+				engine: l,
+				highlights: c(e, l, u, i)
+			};
+		}
+		case n.Pptx: {
+			let [{ PptxPresentation: n, PptxScrollViewer: r }, { chartEx: o }, { createPptxHighlightSurface: c }] = await Promise.all([
+				import("./pptx-dkJw0-Vx.js"),
+				import("./chart-ex-B0DgG3Dt.js"),
+				import("./ooxml-highlight-surfaces-BhfVZvru.js")
+			]), l = await n.load(t.url, { chartEx: o });
+			if (i()) throw l.destroy(), new K();
+			let u = r.fromPresentation(e, l, {
+				enableTextSelection: !0,
+				refitOnResize: !0,
+				onError: a,
+				onScaleChange: s,
+				onVisibleSlideChange: s
+			});
+			return {
+				viewer: u,
+				engine: l,
+				highlights: c(e, l, u, i)
+			};
+		}
+		case n.Xlsx: {
+			let [{ XlsxViewer: n }, { chartEx: r }, { createXlsxHighlightSurface: c }] = await Promise.all([
+				import("./xlsx-BAXMTJTG.js"),
+				import("./chart-ex-B0DgG3Dt.js"),
+				import("./ooxml-highlight-surfaces-BhfVZvru.js")
+			]), l = new n(e, {
+				showZoomSlider: !0,
+				chartEx: r,
+				onError: a,
+				onSelectionContextChange: o,
+				onViewportChange: s,
+				onScaleChange: s,
+				onSheetChange: s
+			});
+			return await l.load(t.url), {
+				viewer: l,
+				highlights: c(e, l, i)
+			};
+		}
+		case n.Csv: {
+			let n = await he(e, t.format, r);
+			return await n.load(t.url), { viewer: n };
+		}
+	}
+}, K = class extends Error {}, _e = ({ content: e, fileName: t, loadErrorLabel: r, formulaLabel: i, formulaLabelClassName: a, highlightsLabel: o = "Cited locations", highlightNavigatedLabel: s = "Scrolled to the cited location" }) => {
+	let c = P(null), [l, u] = F(!0), [d, f] = F(!1), [p, m] = F(""), [g, _] = F([]), [v, y] = F(!1), { highlights: b, selectedHighlightId: S } = e, C = b != null && b.length > 0, E = P(void 0), D = P(b);
+	D.current = b;
+	let O = P(void 0);
+	return M(() => {
+		let t = c.current;
 		if (t == null) return;
-		let n, r = !1;
-		return c(!0), u(!1), f(""), (async () => {
+		let n, r = !1, i, a = () => r;
+		u(!0), f(!1), m(""), _([]), y(!1);
+		let o = () => {
+			r || i != null || (i = requestAnimationFrame(() => {
+				i = void 0, s();
+			}));
+		}, s = async () => {
+			let e = n?.highlights, t = D.current;
+			if (!(r || e == null || t == null)) try {
+				let n = await e.measure(t);
+				r || _(n);
+			} catch {
+				r || _([]);
+			}
+		}, l = {
+			onError: () => {
+				r || (u(!1), f(!0));
+			},
+			onXlsxSelectionContextChange: (e) => {
+				r || m(me(e));
+			},
+			onGeometryInvalidated: o
+		};
+		return t.addEventListener("scroll", o, !0), O.current = o, (async () => {
 			try {
-				let i = await he(t, e.format, () => {
-					r || (c(!1), u(!0));
-				}, (e) => {
-					r || f(me(e));
-				});
-				if (r) {
-					i.destroy();
-					return;
+				if (C) {
+					let i = await ge(t, e, l, a);
+					if (r) {
+						i.viewer.destroy(), i.engine?.destroy();
+						return;
+					}
+					n = i, E.current = i.highlights;
+				} else {
+					let i = await he(t, e.format, l);
+					if (r) {
+						i.destroy();
+						return;
+					}
+					n = { viewer: i }, E.current = void 0, await i.load(e.url);
 				}
-				n = i, await n.load(e.url), r || c(!1);
+				if (r) return;
+				u(!1), await s();
+			} catch (e) {
+				if (e instanceof K || r) return;
+				n?.viewer.destroy(), n?.engine?.destroy(), n = void 0, E.current = void 0, t.replaceChildren(), u(!1), f(!0);
+			}
+		})(), () => {
+			r = !0, t.removeEventListener("scroll", o, !0), i != null && cancelAnimationFrame(i), O.current = void 0, n?.viewer.destroy(), n?.engine?.destroy(), E.current = void 0, t.replaceChildren();
+		};
+	}, [
+		e.format,
+		e.url,
+		C
+	]), M(() => {
+		O.current?.();
+	}, [b]), M(() => {
+		let e = E.current;
+		if (e == null || l) return;
+		let t = (b?.find(({ id: e }) => e === S))?.locations.at(0);
+		if (t == null) return;
+		let n = !1;
+		return (async () => {
+			try {
+				await e.navigate(t);
 			} catch {
-				r || (n?.destroy(), n = void 0, t.replaceChildren(), c(!1), u(!0));
+				return;
 			}
+			n || y(!0);
 		})(), () => {
-			r = !0, n?.destroy(), t.replaceChildren();
+			n = !0;
 		};
-	}, [e.format, e.url]), /* @__PURE__ */ R("div", {
+	}, [
+		b,
+		S,
+		l
+	]), /* @__PURE__ */ R("div", {
 		className: "relative flex h-full w-full min-w-0 flex-col overflow-hidden",
 		children: [
 			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", W.formulaPanel),
+				className: h("flex min-w-0 shrink-0 items-center gap-2 border-b px-3 py-2", G.formulaPanel),
 				children: [/* @__PURE__ */ L("span", {
 					"aria-hidden": "true",
-					className: m("shrink-0", a),
+					className: h("shrink-0", a),
 					children: "fx"
 				}), /* @__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", W.formulaValue),
-					children: d
+					className: h("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),
+					children: p
+				})]
+			}),
+			/* @__PURE__ */ R("div", {
+				className: "relative min-h-0 w-full flex-1",
+				children: [/* @__PURE__ */ L("div", {
+					ref: c,
+					role: "document",
+					"aria-label": t,
+					"aria-busy": l,
+					className: h("h-full w-full overflow-hidden", G.viewer)
+				}), g.length > 0 && /* @__PURE__ */ L("div", {
+					role: "region",
+					"aria-label": o,
+					className: "pointer-events-none absolute inset-0 overflow-hidden",
+					children: g.map((e, t) => /* @__PURE__ */ L("div", {
+						"aria-hidden": "true",
+						style: {
+							left: `${e.left}px`,
+							top: `${e.top}px`,
+							width: `${e.width}px`,
+							height: `${e.height}px`
+						},
+						"data-selected": e.highlightId === S,
+						"data-clipped": e.isClippedAtEnd === !0,
+						className: h("absolute", G.highlight)
+					}, `${e.highlightId}-${t}`))
 				})]
 			}),
 			/* @__PURE__ */ L("div", {
-				ref: o,
-				role: "document",
-				"aria-label": t,
-				"aria-busy": s,
-				className: m("min-h-0 w-full flex-1 overflow-hidden", W.viewer)
+				role: "status",
+				"aria-live": "polite",
+				className: "sr-only",
+				children: v ? s : ""
 			}),
-			(s || l) && /* @__PURE__ */ L("div", {
-				role: l ? "alert" : void 0,
+			(l || d) && /* @__PURE__ */ L("div", {
+				role: d ? "alert" : void 0,
 				"aria-live": "polite",
-				className: m("absolute inset-0 flex items-center justify-center", W.statusOverlay),
-				children: s ? /* @__PURE__ */ L(C, { size: 48 }) : /* @__PURE__ */ R("div", {
+				className: h("absolute inset-0 flex items-center justify-center", G.statusOverlay),
+				children: l ? /* @__PURE__ */ L(w, { size: 48 }) : /* @__PURE__ */ R("div", {
 					className: "flex flex-col items-center gap-2",
-					children: [/* @__PURE__ */ L(w, {
+					children: [/* @__PURE__ */ L(T, {
 						"aria-hidden": "true",
 						size: 60,
-						stroke: b,
-						className: W.errorIcon
+						stroke: x,
+						className: G.errorIcon
 					}), /* @__PURE__ */ L("p", {
 						className: "text-center",
 						children: r
@@ -285,17 +437,17 @@ var V = {
 			})
 		]
 	});
-}, G = {
+}, q = {
 	loadingOverlay: "_loadingOverlay_12637_1",
 	statusLabel: "_statusLabel_12637_5",
 	errorIcon: "_errorIcon_12637_9"
-}, _e = ({ content: e, loadingLabel: t, errorLabel: n = "Failed to load visualizer", colors: r }) => {
-	let i = F(null), [a, o] = I("loading"), { url: s, visualizerName: c, requestTimeout: l } = e, u = F(e);
-	return u.current = e, N(() => {
+}, ve = ({ content: e, loadingLabel: t, errorLabel: n = "Failed to load visualizer", colors: r }) => {
+	let i = P(null), [a, o] = F("loading"), { url: s, visualizerName: c, requestTimeout: l } = e, u = P(e);
+	return u.current = e, M(() => {
 		let e = i.current;
 		if (!e) return;
 		o("loading");
-		let t = new ce(e, {
+		let t = new le(e, {
 			domain: s,
 			hostDomain: window.location.origin,
 			visualizerName: c,
@@ -322,7 +474,7 @@ var V = {
 		l
 	]), /* @__PURE__ */ R("div", {
 		className: "relative h-full w-full",
-		style: f({
+		style: p({
 			"--vs-loading-bg": r?.loadingBackground,
 			"--vs-status-text": r?.statusText,
 			"--vs-error-icon": r?.errorIcon
@@ -333,28 +485,28 @@ var V = {
 				className: "h-full w-full"
 			}),
 			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),
+				className: h("absolute inset-0 flex flex-col items-center justify-center gap-2", q.loadingOverlay),
+				children: [/* @__PURE__ */ L(w, {}), t && /* @__PURE__ */ L("p", {
+					className: h("text-center", q.statusLabel),
 					children: t
 				})]
 			}),
 			a === "error" && /* @__PURE__ */ R("div", {
 				className: "absolute inset-0 flex flex-col items-center justify-center gap-2",
-				children: [/* @__PURE__ */ L(w, {
+				children: [/* @__PURE__ */ L(T, {
 					size: 60,
-					stroke: b,
+					stroke: x,
 					"aria-hidden": !0,
-					className: G.errorIcon
+					className: q.errorIcon
 				}), /* @__PURE__ */ L("p", {
 					role: "alert",
-					className: m("text-center", G.statusLabel),
+					className: h("text-center", q.statusLabel),
 					children: n
 				})]
 			})
 		]
 	});
-}, K = {
+}, J = {
 	body: "_body_13ogb_4",
 	statusLabel: "_statusLabel_13ogb_13",
 	errorIcon: "_errorIcon_13ogb_17",
@@ -369,18 +521,18 @@ var V = {
 	jsonExpandIcon: "_jsonExpandIcon_13ogb_54",
 	jsonCollapseIcon: "_jsonCollapseIcon_13ogb_67",
 	jsonCollapsedContent: "_jsonCollapsedContent_13ogb_84"
-}, ve = () => k(async () => ({ default: (await import("./PdfContent-BexpRNO0.js")).PdfContent })), ye = ({ url: e, fileName: t, loadErrorLabel: n }) => {
-	let [r, i] = I(!1);
-	return N(() => {
+}, ye = () => oe(async () => ({ default: (await import("./PdfContent-solOLCRi.js")).PdfContent })), be = ({ url: e, fileName: t, loadErrorLabel: n }) => {
+	let [r, i] = F(!1);
+	return M(() => {
 		i(!1);
 	}, [e]), r ? /* @__PURE__ */ R("div", {
 		className: "flex flex-col items-center gap-2",
-		children: [/* @__PURE__ */ L(w, {
+		children: [/* @__PURE__ */ L(T, {
 			size: 60,
-			stroke: b,
-			className: K.errorIcon
+			stroke: x,
+			className: J.errorIcon
 		}), /* @__PURE__ */ L("p", {
-			className: m("text-center", K.statusLabel),
+			className: h("text-center", J.statusLabel),
 			children: n
 		})]
 	}) : /* @__PURE__ */ L("img", {
@@ -389,416 +541,425 @@ var V = {
 		className: "max-h-full max-w-full object-contain",
 		onError: () => i(!0)
 	});
-}, be = new Set([
-	i.PlainText,
-	i.Code,
-	i.Ooxml
-]), 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": 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
+}, xe = new Set([
+	r.PlainText,
+	r.Code,
+	r.Ooxml
+]), Se = k(({ content: e, isLoading: n = !1, fileName: i, isHtmlSourceView: a = !1, labels: { unsupportedLabel: s = "Preview is not supported for this file", loadErrorLabel: c = "Failed to load file", forbiddenErrorLabel: u = "You don't have permission to access this file", visualizerErrorLabel: d, htmlFrameBlockedLabel: m = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: g = "Open in new tab", pdfThumbnailsLabel: _, pdfShowThumbnailsLabel: v, pdfHideThumbnailsLabel: y, pdfPageNumberLabel: b, pdfContentLoadingLabel: S, pdfContentErrorLabel: C, pdfContentRetryLabel: E, xlsxFormulaLabel: D = "Formula", codeContentLoadingLabel: O, codeContentErrorLabel: ee, codeContentRetryLabel: te, tableCopyCsvLabel: re, tableCopyTxtLabel: ie, tableCopyMarkdownLabel: ae, tableCopiedLabel: oe, tableDownloadCsvLabel: k, ooxmlHighlightsLabel: j, ooxmlHighlightNavigatedLabel: M } = {}, styles: P, codeBlockTheme: I, tableDownloadFilename: z, loadPdf: B, hidePdfToolbar: le = !1, configurePdfWorker: V }) => {
+	let { colors: H, typography: U, bodyClassName: de, cssVars: W } = P ?? {}, [G, me] = F(0), he = N(ye, [G]), ge = A(() => {
+		me((e) => e + 1);
+	}, []), K = U?.fontClassName != null, q = N(() => ({
+		...p({
+			"--ac-text": H?.text,
+			"--ac-status-text": H?.statusText,
+			"--ac-error-icon": H?.errorIcon,
+			"--ac-open-in-new-tab-text": H?.openInNewTabText,
+			"--ac-json-border": H?.jsonBorder,
+			"--ac-json-bg": H?.jsonBackground,
+			"--ac-json-label": H?.jsonLabel,
+			"--ac-json-clickable-label": H?.jsonClickableLabel,
+			"--ac-json-punctuation": H?.jsonPunctuation,
+			"--ac-json-string": H?.jsonString,
+			"--ac-json-number": H?.jsonNumber,
+			"--ac-json-boolean": H?.jsonBoolean,
+			"--ac-json-null": H?.jsonNull,
+			"--ac-json-toggle-icon": H?.jsonToggleIcon,
+			"--ac-json-toggle-icon-hover": H?.jsonToggleIconHover,
+			"--ac-ooxml-bg": H?.ooxmlBackground,
+			"--ac-ooxml-formula-border": H?.ooxmlFormulaBorder,
+			"--ac-ooxml-formula-bg": H?.ooxmlFormulaBackground,
+			"--ac-ooxml-formula-text": H?.ooxmlFormulaText,
+			"--ac-ooxml-highlight-border": H?.ooxmlHighlightBorder,
+			"--ac-ooxml-highlight-bg": H?.ooxmlHighlightBackground,
+			"--ac-json-collapsed-text": H?.jsonCollapsedText,
+			"--ac-json-collapsed-bg": H?.jsonCollapsedBackground,
+			"--ac-font-family": K ? void 0 : U?.fontFamily,
+			"--ac-font-size": K ? void 0 : U?.fontSize,
+			"--ac-font-weight": K ? void 0 : U?.fontWeight,
+			"--ac-line-height": K ? void 0 : U?.lineHeight,
+			"--ac-letter-spacing": K ? void 0 : U?.letterSpacing
 		}),
-		...de
-	}), [N]), Se = P(() => {
-		switch (t.type) {
-			case i.Image:
-			case i.Audio:
-			case i.Unsupported:
-			case i.Error: return "h-full overflow-auto p-4 flex items-center justify-center";
-			case i.Json: return "h-full overflow-auto";
-			case i.Pdf:
-			case i.Ooxml:
-			case i.Visualizer:
-			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";
+		...W
+	}), [P]), Se = N(() => {
+		switch (e.type) {
+			case r.Image:
+			case r.Audio:
+			case r.Unsupported:
+			case r.Error: return "h-full overflow-auto p-4 flex items-center justify-center";
+			case r.Json: return "h-full overflow-auto";
+			case r.Pdf:
+			case r.Ooxml:
+			case r.Visualizer:
+			case r.McpApp:
+			case r.Code:
+			case r.Html: return "h-full overflow-hidden";
+			case r.Markdown:
+			case r.MarkdownTable: return "flex h-full min-h-0 flex-col overflow-hidden p-4";
 			default: return "h-full overflow-auto p-4";
 		}
-	}, [t.type]), Ce = P(() => {
-		switch (t.type) {
-			case i.PlainText: return /* @__PURE__ */ L("pre", {
-				className: m("whitespace-pre-wrap break-words", K.body, H?.fontClassName),
-				children: t.text
+	}, [e.type]), Ce = N(() => {
+		switch (e.type) {
+			case r.PlainText: return /* @__PURE__ */ L("pre", {
+				className: h("whitespace-pre-wrap break-words", J.body, U?.fontClassName),
+				children: e.text
 			});
-			case i.Image: return /* @__PURE__ */ L(ye, {
-				url: t.url,
-				fileName: r,
-				loadErrorLabel: l
+			case r.Image: return /* @__PURE__ */ L(be, {
+				url: e.url,
+				fileName: i,
+				loadErrorLabel: c
 			});
-			case i.Audio: return /* @__PURE__ */ L("audio", {
+			case r.Audio: return /* @__PURE__ */ L("audio", {
 				controls: !0,
-				src: t.url,
-				"aria-label": r ?? "Audio attachment",
+				src: e.url,
+				"aria-label": i ?? "Audio attachment",
 				className: "w-full max-w-sm",
 				preload: "metadata",
-				children: t.mimeType && /* @__PURE__ */ L("source", {
-					src: t.url,
-					type: t.mimeType
+				children: e.mimeType && /* @__PURE__ */ L("source", {
+					src: e.url,
+					type: e.mimeType
 				})
 			});
-			case i.Markdown: return /* @__PURE__ */ L(d, {
-				content: t.text,
+			case r.Markdown: return /* @__PURE__ */ L(f, {
+				content: e.text,
 				isStreaming: !1,
-				codeBlockTheme: F,
+				codeBlockTheme: I,
 				containerClassName: "flex h-full min-h-0 flex-col",
 				classNames: {
-					...c,
+					...l,
 					tableWrapper: "my-0 max-h-full",
 					tableScrollContainer: "max-h-full"
 				}
 			});
-			case i.MarkdownTable: return /* @__PURE__ */ L(d, {
-				content: t.text,
+			case r.MarkdownTable: return /* @__PURE__ */ L(f, {
+				content: e.text,
 				isStreaming: !1,
-				codeBlockTheme: F,
+				codeBlockTheme: I,
 				containerClassName: "flex h-full min-h-0 flex-col",
 				classNames: {
-					...c,
+					...l,
 					tableWrapper: "my-0 max-h-full",
 					tableScrollContainer: "max-h-full"
 				},
 				tableActionLabels: {
-					copyCsvLabel: ie,
-					copyTxtLabel: O,
-					copyMarkdownLabel: k,
-					copiedLabel: A,
-					downloadCsvLabel: M
+					copyCsvLabel: re,
+					copyTxtLabel: ie,
+					copyMarkdownLabel: ae,
+					copiedLabel: oe,
+					downloadCsvLabel: k
 				},
-				tableDownloadFilename: se
+				tableDownloadFilename: z
 			});
-			case i.Json: return /* @__PURE__ */ L("div", {
+			case r.Json: return /* @__PURE__ */ L("div", {
 				dir: "ltr",
 				className: "h-full overflow-auto",
 				children: /* @__PURE__ */ L("div", {
-					className: m("m-3 overflow-auto rounded-md border", K.jsonWrapper),
-					children: /* @__PURE__ */ L(ae, {
-						data: t.value,
+					className: h("m-3 overflow-auto rounded-md border", J.jsonWrapper),
+					children: /* @__PURE__ */ L(se, {
+						data: e.value,
 						style: {
-							container: m("whitespace-pre-wrap break-words p-2", H?.jsonClassName ?? "dial-code-text"),
-							basicChildStyle: oe.basicChildStyle,
+							container: h("whitespace-pre-wrap break-words p-2", U?.jsonClassName ?? "dial-code-text"),
+							basicChildStyle: ce.basicChildStyle,
 							childFieldsContainer: "m-0 ps-3",
-							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)
+							label: h("me-1 font-semibold", J.jsonLabel),
+							clickableLabel: h("me-1 cursor-pointer font-semibold hover:underline", J.jsonClickableLabel),
+							nullValue: h("italic", J.jsonNullValue),
+							undefinedValue: h("italic", J.jsonNullValue),
+							stringValue: J.jsonStringValue,
+							booleanValue: J.jsonBooleanValue,
+							numberValue: J.jsonNumberValue,
+							otherValue: h("italic", J.jsonNullValue),
+							punctuation: h("me-1", J.jsonPunctuation),
+							collapseIcon: h("me-1 cursor-pointer select-none transition-colors", J.jsonCollapseIcon),
+							expandIcon: h("me-1 cursor-pointer select-none transition-colors", J.jsonExpandIcon),
+							collapsedContent: h("me-1 cursor-pointer rounded px-1", J.jsonCollapsedContent)
 						}
 					})
 				})
 			});
-			case i.Code: return /* @__PURE__ */ L(ue, {
-				content: t,
-				codeBlockTheme: F,
+			case r.Code: return /* @__PURE__ */ L(ue, {
+				content: e,
+				codeBlockTheme: I,
 				labels: {
-					loadingLabel: ee,
-					errorLabel: te,
-					retryLabel: re
+					loadingLabel: O,
+					errorLabel: ee,
+					retryLabel: te
 				}
 			});
-			case i.Html: return /* @__PURE__ */ L(fe, {
-				content: t,
+			case r.Html: return /* @__PURE__ */ L(fe, {
+				content: e,
 				labels: {
-					htmlFrameBlockedLabel: h,
+					htmlFrameBlockedLabel: m,
 					htmlOpenInNewTabLabel: g
 				},
-				isSourceView: o,
-				title: r,
-				codeBlockTheme: F
+				isSourceView: a,
+				title: i,
+				codeBlockTheme: I
 			});
-			case i.Pdf: return /* @__PURE__ */ L(a, {
-				retryKey: U,
-				onRetry: he,
+			case r.Pdf: return /* @__PURE__ */ L(o, {
+				retryKey: G,
+				onRetry: ge,
 				labels: {
 					loadingLabel: S,
-					errorLabel: T,
+					errorLabel: C,
 					retryLabel: E
 				},
-				children: /* @__PURE__ */ L(me, {
-					fileName: r,
-					url: t.url,
-					highlights: t.highlights ?? [],
-					selectedHighlightId: t.selectedHighlightId,
-					selectedPageNumber: t.page,
-					loadPdf: z,
-					hideHeader: B,
-					configurePdfWorker: ce,
+				children: /* @__PURE__ */ L(he, {
+					fileName: i,
+					url: e.url,
+					highlights: e.highlights ?? [],
+					selectedHighlightId: e.selectedHighlightId,
+					selectedPageNumber: e.page,
+					loadPdf: B,
+					hideHeader: le,
+					configurePdfWorker: V,
 					labels: {
 						thumbnailsLabel: _,
 						showThumbnailsLabel: v,
 						hideThumbnailsLabel: y,
-						pageNumberLabel: x,
+						pageNumberLabel: b,
 						loadingLabel: S,
-						errorLabel: T,
+						errorLabel: C,
 						retryLabel: E
 					}
 				})
-			}, t.url);
-			case i.Ooxml: return /* @__PURE__ */ L(ge, {
-				content: t,
-				fileName: r,
-				loadErrorLabel: l,
+			}, e.url);
+			case r.Ooxml: return /* @__PURE__ */ L(_e, {
+				content: e,
+				fileName: i,
+				loadErrorLabel: c,
 				formulaLabel: D,
-				formulaLabelClassName: H?.xlsxFormulaLabelClassName ?? "dial-italic-text"
+				formulaLabelClassName: U?.xlsxFormulaLabelClassName ?? "dial-italic-text",
+				highlightsLabel: j,
+				highlightNavigatedLabel: M
 			});
-			case i.Visualizer: return /* @__PURE__ */ L(_e, {
-				content: t,
-				errorLabel: p
+			case r.Visualizer: return /* @__PURE__ */ L(ve, {
+				content: e,
+				errorLabel: d
 			});
-			case i.McpApp: return /* @__PURE__ */ L(pe, { content: t });
-			case i.Unsupported: return /* @__PURE__ */ L("p", {
-				className: m("text-center", K.statusLabel),
+			case r.McpApp: return /* @__PURE__ */ L(pe, { content: e });
+			case r.Unsupported: return /* @__PURE__ */ L("p", {
+				className: h("text-center", J.statusLabel),
 				children: s
 			});
-			case i.Error: {
-				let n = t.errorType === e.Forbidden;
+			case r.Error: {
+				let n = e.errorType === t.Forbidden;
 				return /* @__PURE__ */ R("div", {
 					className: "flex flex-col items-center gap-2",
-					children: [L(n ? ne : w, {
+					children: [L(n ? ne : T, {
 						size: 60,
-						stroke: b,
-						className: K.errorIcon
+						stroke: x,
+						className: J.errorIcon
 					}), /* @__PURE__ */ L("p", {
-						className: m("text-center", K.statusLabel),
-						children: n ? u : l
+						className: h("text-center", J.statusLabel),
+						children: n ? u : c
 					})]
 				});
 			}
 		}
 	}, [
-		t,
-		H?.fontClassName,
-		H?.jsonClassName,
-		H?.xlsxFormulaLabelClassName,
-		r,
-		F,
+		e,
+		U?.fontClassName,
+		U?.jsonClassName,
+		U?.xlsxFormulaLabelClassName,
+		i,
+		I,
 		s,
-		l,
+		c,
 		u,
-		p,
-		h,
+		d,
+		m,
 		g,
-		o,
-		se,
+		a,
 		z,
 		B,
-		ce,
+		le,
+		V,
 		_,
 		v,
 		y,
-		x,
+		b,
 		S,
-		T,
+		C,
 		E,
 		D,
+		O,
 		ee,
 		te,
-		re,
-		me,
-		U,
 		he,
+		G,
+		ge,
+		re,
 		ie,
-		O,
+		ae,
+		oe,
 		k,
-		A,
+		j,
 		M
 	]);
 	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
+		style: !n && xe.has(e.type) ? q : void 0,
+		className: h(n ? "flex h-full items-center justify-center" : Se, de),
+		children: n ? /* @__PURE__ */ L(w, {}) : Ce
 	});
-}), 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);
+}), Ce = 2e3, we = k(({ isOpen: e, isLoading: t = !1, onClose: n, content: i, fileName: o, 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: g = "Copy as JSON", copiedJsonLabel: _ = "Copied!", visualizerErrorLabel: C, unsupportedLabel: w = "Preview is not supported for this file", loadErrorLabel: T = "Failed to load file", forbiddenErrorLabel: ne = "You don't have permission to access this file", htmlFrameBlockedLabel: ae = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: oe = "Open in new tab", htmlViewSourceLabel: k = "View source", htmlViewRenderedLabel: j = "View rendered", mcpAppReloadLabel: N = "Reload", pdfThumbnailsLabel: se, pdfShowThumbnailsLabel: ce, pdfHideThumbnailsLabel: z, pdfPageNumberLabel: B, pdfContentLoadingLabel: le, pdfContentErrorLabel: V, pdfContentRetryLabel: H, xlsxFormulaLabel: U, codeContentLoadingLabel: ue, codeContentErrorLabel: de, codeContentRetryLabel: fe, tableCopyCsvLabel: W, tableCopyTxtLabel: pe, tableCopyMarkdownLabel: G, tableCopiedLabel: me, tableDownloadCsvLabel: he, ooxmlHighlightsLabel: ge, ooxmlHighlightNavigatedLabel: K }, onDownload: _e, onCopyText: q, onCopyMarkdown: ve, onCopyJson: J, tableDownloadFilename: ye, isMobile: be = !1, defaultWidth: xe, minWidth: we = 600, maxWidth: Te = 1500, onResizeStop: Ee, styles: De, codeBlockTheme: Oe, loadPdf: ke, configurePdfWorker: Ae }) => {
+	let [je, Y] = F(!1), [Me, Ne] = F(!1), [Pe, Fe] = F(!1), [X, Ie] = F(!1), Le = P(null), Z = P(null), Q = P(null), Re = A(() => {
+		q?.(), Le.current != null && clearTimeout(Le.current), Y(!0), Le.current = setTimeout(() => Y(!1), Ce);
+	}, [q]), ze = A(() => {
+		ve?.(), Z.current != null && clearTimeout(Z.current), Ne(!0), Z.current = setTimeout(() => Ne(!1), Ce);
+	}, [ve]), $ = A(() => {
+		J?.(), Q.current != null && clearTimeout(Q.current), Fe(!0), Q.current = setTimeout(() => Fe(!1), Ce);
+	}, [J]);
+	M(() => () => {
+		Le.current != null && clearTimeout(Le.current), Z.current != null && clearTimeout(Z.current), Q.current != null && clearTimeout(Q.current);
 	}, []);
-	let Re = j(() => {
-		Fe((e) => !e);
+	let Be = A(() => {
+		Ie((e) => !e);
 	}, []);
-	N(() => {
-		Fe(!1);
-	}, [a]);
-	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, {
+	M(() => {
+		Ie(!1);
+	}, [i]);
+	let { className: Ve, panelStyles: He, ...Ue } = De ?? {}, We = !t && i.type === r.Html && i.srcdoc != null, Ge = !t && q != null && (i.type === r.PlainText || i.type === r.Code), Ke = !t && ve != null && i.type === r.Markdown, qe = !t && J != null && i.type === r.Json, Je = !t && _e != null && a(i), Ye = !t && i.type === r.McpApp && i.onReload != null;
+	return /* @__PURE__ */ L(y, {
 		isOpen: e,
-		orientation: _.Right,
+		orientation: v.Right,
 		title: o,
 		labels: {
 			ariaLabel: s,
-			closeLabel: c
+			closeLabel: c,
+			resizeLabel: l
 		},
 		onClose: n,
-		resizable: !ye,
-		defaultWidth: be,
-		minWidth: Ce,
-		maxWidth: we,
-		onResizeStop: Te,
+		resizable: !be,
+		defaultWidth: xe,
+		minWidth: we,
+		maxWidth: Te,
+		onResizeStop: Ee,
 		styles: {
-			...$,
-			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)
+			...He,
+			titleClassName: He?.titleClassName ?? "dial-h3-text",
+			headerClassName: h("border-b border-tertiary", He?.headerClassName),
+			className: h(e ? "mobile:w-full mobile:max-w-full" : "w-0", Ve, He?.className)
 		},
-		rightActions: Ve || He || Ue || We || Ge || Ke ? /* @__PURE__ */ R(se, { children: [
-			Ke && /* @__PURE__ */ L(x, {
+		rightActions: We || Ge || Ke || qe || Je || Ye ? /* @__PURE__ */ R(I, { children: [
+			Ye && /* @__PURE__ */ L(S, {
 				icon: /* @__PURE__ */ L(ie, {
-					size: y.LG,
-					stroke: b,
+					size: b.LG,
+					stroke: x,
 					"aria-hidden": !0
 				}),
-				"aria-label": P,
-				tooltipProps: { tooltip: P },
-				onClick: a.type === i.McpApp ? a.onReload : void 0
+				"aria-label": N,
+				tooltipProps: { tooltip: N },
+				onClick: i.type === r.McpApp ? i.onReload : void 0
 			}),
-			Ve && /* @__PURE__ */ L(x, {
-				icon: L(J ? te : E, {
-					size: y.LG,
-					stroke: b,
+			We && /* @__PURE__ */ L(S, {
+				icon: L(X ? te : D, {
+					size: b.LG,
+					stroke: x,
 					"aria-hidden": !0
 				}),
-				"aria-label": J ? M : A,
-				"aria-pressed": J,
-				tooltipProps: { tooltip: J ? M : A },
-				onClick: Re
+				"aria-label": X ? j : k,
+				"aria-pressed": X,
+				tooltipProps: { tooltip: X ? j : k },
+				onClick: Be
 			}),
-			He && /* @__PURE__ */ L(x, {
-				icon: L(Ae ? T : D, {
-					size: y.LG,
-					stroke: b,
+			Ge && /* @__PURE__ */ L(S, {
+				icon: L(je ? E : O, {
+					size: b.LG,
+					stroke: x,
 					"aria-hidden": !0
 				}),
-				"aria-label": Ae ? d : u,
-				tooltipProps: { tooltip: Ae ? d : u },
-				onClick: Ie
+				"aria-label": je ? f : d,
+				tooltipProps: { tooltip: je ? f : d },
+				onClick: Re
 			}),
-			Ue && /* @__PURE__ */ L(x, {
-				icon: L(je ? T : re, {
-					size: y.LG,
-					stroke: b,
+			Ke && /* @__PURE__ */ L(S, {
+				icon: L(Me ? E : re, {
+					size: b.LG,
+					stroke: x,
 					"aria-hidden": !0
 				}),
-				"aria-label": je ? p : f,
-				tooltipProps: { tooltip: je ? p : f },
-				onClick: Le
+				"aria-label": Me ? m : p,
+				tooltipProps: { tooltip: Me ? m : p },
+				onClick: ze
 			}),
-			We && /* @__PURE__ */ L(x, {
-				icon: L(Ne ? T : D, {
-					size: y.LG,
-					stroke: b,
+			qe && /* @__PURE__ */ L(S, {
+				icon: L(Pe ? E : O, {
+					size: b.LG,
+					stroke: x,
 					"aria-hidden": !0
 				}),
-				"aria-label": Ne ? g : h,
-				tooltipProps: { tooltip: Ne ? g : h },
-				onClick: Q
+				"aria-label": Pe ? _ : g,
+				tooltipProps: { tooltip: Pe ? _ : g },
+				onClick: $
 			}),
-			Ge && /* @__PURE__ */ L(x, {
+			Je && /* @__PURE__ */ L(S, {
 				icon: /* @__PURE__ */ L(ee, {
-					size: y.LG,
-					stroke: b
+					size: b.LG,
+					stroke: x
 				}),
-				"aria-label": l,
-				tooltipProps: { tooltip: l },
-				onClick: ge
+				"aria-label": u,
+				tooltipProps: { tooltip: u },
+				onClick: _e
 			})
 		] }) : null,
-		children: /* @__PURE__ */ L(xe, {
-			content: a,
+		children: /* @__PURE__ */ L(Se, {
+			content: i,
 			isLoading: t,
 			fileName: o,
-			isHtmlSourceView: J,
+			isHtmlSourceView: X,
 			labels: {
-				unsupportedLabel: C,
-				loadErrorLabel: w,
+				unsupportedLabel: w,
+				loadErrorLabel: T,
 				forbiddenErrorLabel: ne,
-				visualizerErrorLabel: S,
-				htmlFrameBlockedLabel: O,
-				htmlOpenInNewTabLabel: k,
-				pdfThumbnailsLabel: ae,
-				pdfShowThumbnailsLabel: oe,
+				visualizerErrorLabel: C,
+				htmlFrameBlockedLabel: ae,
+				htmlOpenInNewTabLabel: oe,
+				pdfThumbnailsLabel: se,
+				pdfShowThumbnailsLabel: ce,
 				pdfHideThumbnailsLabel: z,
 				pdfPageNumberLabel: B,
-				pdfContentLoadingLabel: ce,
+				pdfContentLoadingLabel: le,
 				pdfContentErrorLabel: V,
 				pdfContentRetryLabel: H,
-				xlsxFormulaLabel: le,
+				xlsxFormulaLabel: U,
 				codeContentLoadingLabel: ue,
 				codeContentErrorLabel: de,
 				codeContentRetryLabel: fe,
-				tableCopyCsvLabel: U,
+				tableCopyCsvLabel: W,
 				tableCopyTxtLabel: pe,
-				tableCopyMarkdownLabel: W,
+				tableCopyMarkdownLabel: G,
 				tableCopiedLabel: me,
-				tableDownloadCsvLabel: he
+				tableDownloadCsvLabel: he,
+				ooxmlHighlightsLabel: ge,
+				ooxmlHighlightNavigatedLabel: K
 			},
-			styles: Be,
-			codeBlockTheme: De,
-			tableDownloadFilename: ve,
-			loadPdf: Oe,
-			configurePdfWorker: ke
+			styles: Ue,
+			codeBlockTheme: Oe,
+			tableDownloadFilename: ye,
+			loadPdf: ke,
+			configurePdfWorker: Ae
 		})
 	});
-}), we = {
-	type: i.PlainText,
+}), Te = {
+	type: r.PlainText,
 	text: ""
-}, 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;
-}, 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) => {
+}, Ee = (e) => {
+	if (!(e.type !== r.Image && e.type !== r.Audio && e.type !== r.Pdf && e.type !== r.Ooxml)) return e.url.startsWith("blob:") ? e.url : void 0;
+}, De = ae(void 0);
+De.displayName = "AttachmentCanvasContext";
+var Oe = ({ children: e }) => {
+	let [t, n] = F(!1), [r, i] = F(!1), [a, o] = F(Te), [s, c] = F(void 0), [l, u] = F(void 0), d = A((e, t) => {
 		c(e), u(t), i(!0), n(!0);
-	}, []), f = j((e, t, r) => {
+	}, []), f = A((e, t, r) => {
 		o(e), c(t), u(r), i(!1), n(!0);
-	}, []), p = j(() => {
-		o(we), n(!1), i(!1), u(void 0);
+	}, []), p = A(() => {
+		o(Te), n(!1), i(!1), u(void 0);
 	}, []);
-	return N(() => () => {
-		let e = Te(a);
+	return M(() => () => {
+		let e = Ee(a);
 		e != null && URL.revokeObjectURL(e);
-	}, [a]), /* @__PURE__ */ L(Ee.Provider, {
-		value: P(() => ({
+	}, [a]), /* @__PURE__ */ L(De.Provider, {
+		value: N(() => ({
 			isOpen: t,
 			isLoading: r,
 			content: a,
@@ -819,26 +980,26 @@ var De = ({ children: e }) => {
 		]),
 		children: e
 	});
-}, Oe = () => {
-	let e = M(Ee);
+}, ke = () => {
+	let e = j(De);
 	if (!e) throw Error("useAttachmentCanvas must be used within an AttachmentCanvasProvider");
 	return e;
-}, 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,
+}, Ae = k(({ labels: e, isMobile: t = !1, defaultWidth: n, 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: p = "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: O, pdfPageNumberLabel: ee, pdfContentLoadingLabel: te, pdfContentErrorLabel: ne, pdfContentRetryLabel: re, xlsxFormulaLabel: ie, codeContentLoadingLabel: ae, codeContentErrorLabel: oe, codeContentRetryLabel: k, tableCopyCsvLabel: j, tableCopyTxtLabel: M, tableCopyMarkdownLabel: N, tableCopiedLabel: P, tableDownloadCsvLabel: F, ooxmlHighlightsLabel: se, ooxmlHighlightNavigatedLabel: ce } = e ?? {}, { isOpen: I, isLoading: R, content: z, fileName: B, closeCanvas: le } = ke(), V = A(() => {
+		i(z, B);
+	}, [z, B]), H = A(() => {
+		(z.type === r.PlainText || z.type === r.Code) && m(z.text);
+	}, [z]), U = A(() => {
+		z.type === r.Markdown && m(z.text);
+	}, [z]), ue = A(() => {
+		z.type === r.Json && m(JSON.stringify(z.value, null, 2));
+	}, [z]);
+	return /* @__PURE__ */ L(we, {
+		isOpen: I,
+		isLoading: R,
+		onClose: le,
+		content: z,
+		fileName: B,
 		labels: {
 			ariaLabel: l,
 			closeLabel: u,
@@ -850,7 +1011,7 @@ var De = ({ children: e }) => {
 			copyJsonLabel: b,
 			copiedJsonLabel: x,
 			unsupportedLabel: f,
-			loadErrorLabel: m,
+			loadErrorLabel: p,
 			forbiddenErrorLabel: h,
 			htmlFrameBlockedLabel: S,
 			htmlOpenInNewTabLabel: C,
@@ -858,69 +1019,71 @@ var De = ({ children: e }) => {
 			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
+			pdfHideThumbnailsLabel: O,
+			pdfPageNumberLabel: ee,
+			pdfContentLoadingLabel: te,
+			pdfContentErrorLabel: ne,
+			pdfContentRetryLabel: re,
+			xlsxFormulaLabel: ie,
+			codeContentLoadingLabel: ae,
+			codeContentErrorLabel: oe,
+			codeContentRetryLabel: k,
+			tableCopyCsvLabel: j,
+			tableCopyTxtLabel: M,
+			tableCopyMarkdownLabel: N,
+			tableCopiedLabel: P,
+			tableDownloadCsvLabel: F,
+			ooxmlHighlightsLabel: se,
+			ooxmlHighlightNavigatedLabel: ce
 		},
-		onDownload: ce,
-		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,
+		onDownload: V,
+		onCopyText: z.type === r.PlainText || z.type === r.Code ? H : void 0,
+		onCopyMarkdown: z.type === r.Markdown ? U : void 0,
+		onCopyJson: z.type === r.Json ? ue : void 0,
 		tableDownloadFilename: s,
-		isMobile: n,
-		defaultWidth: r,
+		isMobile: t,
+		defaultWidth: n,
 		maxWidth: a,
 		codeBlockTheme: o,
 		configurePdfWorker: c
 	});
-}), Ae = new Set(["html", "htm"]), q = {
+}), je = new Set(["html", "htm"]), Y = {
 	docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
 	xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
 	pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation"
-}, 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 = {
+}, Me = 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(".")), Ne = {
 	docx: n.Docx,
 	xlsx: n.Xlsx,
 	pptx: n.Pptx,
 	csv: n.Csv
-}, Ne = {
-	[q.docx]: n.Docx,
-	[q.xlsx]: n.Xlsx,
-	[q.pptx]: n.Pptx,
-	[u.CSV]: n.Csv
 }, Pe = {
-	[n.Docx]: q.docx,
-	[n.Xlsx]: q.xlsx,
-	[n.Pptx]: q.pptx,
-	[n.Csv]: u.CSV
-}, J = (e, t) => {
+	[Y.docx]: n.Docx,
+	[Y.xlsx]: n.Xlsx,
+	[Y.pptx]: n.Pptx,
+	[d.CSV]: n.Csv
+}, Fe = {
+	[n.Docx]: Y.docx,
+	[n.Xlsx]: Y.xlsx,
+	[n.Pptx]: Y.pptx,
+	[n.Csv]: d.CSV
+}, X = (e, t) => {
 	let n = t?.split(";", 1)[0].trim().toLowerCase();
 	if (n != null) {
-		let e = Ne[n];
+		let e = Pe[n];
 		if (e != null) return e;
 	}
 	let r = e.lastIndexOf(".");
-	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 : je.has(e.slice(t + 1).toLowerCase());
+	if (r !== -1) return Ne[e.slice(r + 1).toLowerCase()];
+}, Ie = (e, t) => X(e, t) != null, Le = (e, t) => {
+	let n = X(e, t);
+	return n == null ? void 0 : Fe[n];
 }, Z = (e) => {
 	let t = e.lastIndexOf(".");
-	return t === -1 ? !1 : Ae.has(e.slice(t + 1).toLowerCase());
-}, Ie = {
+	return t === -1 ? !1 : Me.has(e.slice(t + 1).toLowerCase());
+}, Q = (e) => {
+	let t = e.lastIndexOf(".");
+	return t === -1 ? !1 : je.has(e.slice(t + 1).toLowerCase());
+}, Re = {
 	xml: "xml",
 	csv: "plaintext",
 	tsv: "plaintext",
@@ -968,26 +1131,26 @@ var De = ({ children: e }) => {
 	gitignore: "plaintext",
 	dockerfile: "plaintext",
 	makefile: "plaintext"
-}, Le = (e) => Ie[e], Q = (e) => ({
-	type: i.Unsupported,
+}, ze = (e) => Re[e], $ = (e) => ({
+	type: r.Unsupported,
+	...e != null && { url: e }
+}), Be = (e) => ({
+	type: r.Error,
+	errorType: t.LoadFailed,
+	...e != null && { url: e }
+}), Ve = (e) => ({
+	type: r.Error,
+	errorType: t.Forbidden,
 	...e != null && { url: e }
-}), Re = (t) => ({
-	type: i.Error,
-	errorType: e.LoadFailed,
-	...t != null && { url: t }
-}), ze = (t) => ({
-	type: i.Error,
-	errorType: e.Forbidden,
-	...t != null && { url: t }
-}), $ = (e, t) => {
+}), He = (e, t) => {
 	let n = e.toLowerCase();
 	return t.find((e) => e.contentType.split(",").some((e) => e.trim().toLowerCase() === n && e.trim() !== ""));
-}, Be = (e) => {
+}, Ue = (e) => {
 	let t;
 	try {
 		t = new URL(e).pathname;
 	} catch {
-		t = g(e);
+		t = _(e);
 	}
 	let n = t.split("/").filter(Boolean).pop() ?? "";
 	try {
@@ -995,97 +1158,97 @@ var De = ({ children: e }) => {
 	} catch {
 		return n;
 	}
-}, Ve = (e, t) => {
-	let { openCanvas: n, openCanvasLoading: r, closeCanvas: a } = Oe(), { customVisualizers: s, themeId: c, onBeforeOpen: d } = t, f = j(async (t, r) => {
+}, We = (e, t) => {
+	let { openCanvas: n, openCanvasLoading: i, closeCanvas: a } = ke(), { customVisualizers: o, themeId: c, onBeforeOpen: l } = t, f = A(async (t, i) => {
 		if (t.url == null && t.referenceUrl != null) {
-			let i = e.resolveReferencePdfContent(t);
-			if (i != null) return n(i, t.name, r), !0;
+			let r = e.resolveReferencePdfContent(t);
+			if (r != null) return n(r, t.name, i), !0;
 		}
-		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;
+		let a = t.contentType.toLowerCase(), s = He(a, o);
+		if (s != null) {
+			let r = await e.resolveVisualizerContent(t, s, c);
+			if (r != null) return n(r, t.name, i), !0;
 		}
 		if (!a && t.data != null) {
-			let i = await e.resolveTextContent(t);
-			if (i != null) return n(i, t.name, r), !0;
+			let r = await e.resolveTextContent(t);
+			if (r != null) return n(r, t.name, i), !0;
 		}
-		let d = J("", a);
-		if (d != null) return n(await e.resolveOoxmlContent(t, d) ?? Q(e.resolveContentUrl(t)), t.name, r), !0;
+		let l = X("", a);
+		if (l != null) return n(await e.resolveOoxmlContent(t, l) ?? $(e.resolveContentUrl(t)), t.name, i), !0;
 		switch (a) {
-			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;
+			case d.PDF: return n(await e.resolvePdfContent(t) ?? $(e.resolveContentUrl(t)), t.name, i), !0;
+			case d.Markdown: return n(await e.resolveMarkdownContent(t) ?? $(e.resolveContentUrl(t)), t.name, i), !0;
+			case d.JSON: return n(await e.resolveJsonContent(t) ?? $(e.resolveContentUrl(t)), t.name, i), !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;
+		let f = t.name ?? "", p = f.lastIndexOf("."), m = p === -1 ? "" : f.slice(p + 1).toLowerCase(), h = X(f);
+		if (h != null) return n(await e.resolveOoxmlContent(t, h) ?? $(e.resolveContentUrl(t)), t.name, i), !0;
 		switch (m) {
-			case l.Markdown:
-			case l.MarkdownAlt: {
-				let i = await e.resolveMarkdownContent(t);
-				return i == null ? !1 : (n(i, t.name, r), !0);
+			case u.Markdown:
+			case u.MarkdownAlt: {
+				let r = await e.resolveMarkdownContent(t);
+				return r == null ? !1 : (n(r, t.name, i), !0);
 			}
-			case l.JSON: {
-				let i = await e.resolveJsonContent(t);
-				return i == null ? !1 : (n(i, t.name, r), !0);
+			case u.JSON: {
+				let r = await e.resolveJsonContent(t);
+				return r == null ? !1 : (n(r, t.name, i), !0);
 			}
-			case l.PDF: {
-				let i = await e.resolvePdfContent(t);
-				return i == null ? !1 : (n(i, t.name, r), !0);
+			case u.PDF: {
+				let r = await e.resolvePdfContent(t);
+				return r == null ? !1 : (n(r, t.name, i), !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;
+		let g = t.name != null && Q(t.name) || t.url != null && Q(Ue(t.url));
+		if (t.name != null && !Z(t.name) && !g) return n($(e.resolveContentUrl(t)), t.name, i), !0;
 		if (g) {
 			let a = await e.resolveHtmlContent(t);
-			return a == null ? e.hasTextSource(t) ? (n(Q(e.resolveContentUrl(t)), t.name, r), !0) : t.url == null ? !1 : (n({
-				type: i.Html,
+			return a == null ? e.hasTextSource(t) ? (n($(e.resolveContentUrl(t)), t.name, i), !0) : t.url == null ? !1 : (n({
+				type: r.Html,
 				url: t.url
-			}, t.name, r), !0) : (n(a, t.name, r), !0);
+			}, t.name, i), !0) : (n(a, t.name, i), !0);
 		}
-		let _ = await e.resolveCodeContent(t, Le(m));
-		return _ == null ? !1 : (n(_, t.name, r), !0);
+		let _ = await e.resolveCodeContent(t, ze(m));
+		return _ == null ? !1 : (n(_, t.name, i), !0);
 	}, [
 		n,
-		s,
+		o,
 		c,
 		e
 	]);
-	return { openAttachmentCanvas: j(async (t, s = t.id) => {
+	return { openAttachmentCanvas: A(async (t, o = t.id) => {
 		switch (t.type) {
-			case o.Image: {
+			case s.Image: {
 				let r = e.resolveImageContent(t);
-				return r == null ? !1 : (d?.(), n(r, t.name, s), !0);
+				return r == null ? !1 : (l?.(), n(r, t.name, o), !0);
 			}
-			case o.Audio: {
+			case s.Audio: {
 				let e = t.playUrl ?? t.url;
 				return e == null ? !1 : (n({
-					type: i.Audio,
+					type: r.Audio,
 					url: e,
 					mimeType: t.contentType || void 0
-				}, t.name, s), !0);
+				}, t.name, o), !0);
 			}
-			case o.File: {
-				d?.(), r(t.name, s);
-				let e = await f(t, s);
+			case s.File: {
+				l?.(), i(t.name, o);
+				let e = await f(t, o);
 				return e || a(), e;
 			}
-			case o.Pasted:
-			case o.Prompt: {
-				d?.(), r(t.name, s);
-				let i = await e.resolveTextContent(t);
-				return i == null ? (a(), !1) : (n(i, t.name, s), !0);
+			case s.Pasted:
+			case s.Prompt: {
+				l?.(), i(t.name, o);
+				let r = await e.resolveTextContent(t);
+				return r == null ? (a(), !1) : (n(r, t.name, o), !0);
 			}
 			default: return !1;
 		}
 	}, [
 		n,
-		r,
+		i,
 		a,
-		d,
+		l,
 		f,
 		e
 	]) };
 };
 //#endregion
-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 };
+export { we as AttachmentCanvas, Se as AttachmentCanvasBody, Ae as AttachmentCanvasContainer, Oe as AttachmentCanvasProvider, r as AttachmentContentType, t as AttachmentErrorType, ue as CodeContent, pe as McpAppCanvasRenderer, n as OoxmlFileType, e as OoxmlHighlightKind, Ve as createForbiddenCanvasContent, Be as createLoadErrorCanvasContent, $ as createUnsupportedCanvasContent, i as downloadAttachmentContent, ze as extensionToLanguage, He as findVisualizerForMime, X as getOoxmlFileType, Le as getOoxmlMimeType, a as isDownloadable, Q as isHtmlPreviewable, Ie as isOoxmlPreviewable, Z as isTextPreviewable, ke as useAttachmentCanvas, We as useOpenAttachmentCanvas };