@epam/ai-dial-attachment-canvas 1.1.3 → 1.1.5

package/index.js

@@ -5,38 +5,38 @@ import { SidebarOrientation as y, SidebarPanel as b } from "@epam/ai-dial-sideba
 import { DIAL_ICON_SIZE as x, DIAL_KIT_ICON_STROKE as S, ElementSize as C, GhostIconButton as w, LinkButton as T, Spinner as E } from "@epam/ai-dial-ui-kit";
 import { IconAlertTriangle as D, IconArrowsMaximize as O, IconCheck as k, IconCode as ee, IconCopy as te, IconDownload as ne, IconEye as re, IconLock as ie, IconMarkdown as ae, IconRefresh as oe } from "@tabler/icons-react";
 import { createContext as A, lazy as j, memo as M, useCallback as N, useContext as P, useEffect as F, useMemo as I, useRef as L, useState as R } from "react";
-import { JsonView as se, defaultStyles as z } from "react-json-view-lite";
-import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
-import { AppBridge as ce, AppFrame as U } from "@mcp-ui/client";
-import { McpUiHostContextChangedNotificationSchema as W } from "@modelcontextprotocol/ext-apps/app-bridge";
-import { VisualizerConnectorRequests as le } from "@epam/ai-dial-shared";
-import { VisualizerConnector as ue } from "@epam/ai-dial-visualizer-connector";
-var G = {
+import { JsonView as se, defaultStyles as ce } from "react-json-view-lite";
+import { Fragment as le, jsx as z, jsxs as B } from "react/jsx-runtime";
+import { AppBridge as V, AppFrame as H } from "@mcp-ui/client";
+import { McpUiHostContextChangedNotificationSchema as U } from "@modelcontextprotocol/ext-apps/app-bridge";
+import { VisualizerConnectorRequests as ue } from "@epam/ai-dial-shared";
+import { VisualizerConnector as de } from "@epam/ai-dial-visualizer-connector";
+var W = {
 	container: "_container_1nhig_1",
 	containerLight: "_containerLight_1nhig_5"
-}, de = {
+}, fe = {
 	[l.Dark]: _,
 	[l.Light]: _
-}, fe = () => j(async () => {
+}, pe = () => j(async () => {
 	let { Prism: e } = await import("react-syntax-highlighter");
 	return { default: e };
-}), pe = M(({ content: e, codeBlockTheme: t = l.Light, labels: n }) => {
-	let { text: r, language: i } = e, a = i == null || i === "plaintext", o = de[t], c = t === l.Light, [u, d] = R(0), f = I(fe, [u]), p = N(() => {
+}), me = M(({ 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] = R(0), f = I(pe, [u]), p = N(() => {
 		d((e) => e + 1);
-	}, []), m = /* @__PURE__ */ V("pre", {
+	}, []), m = /* @__PURE__ */ z("pre", {
 		className: "whitespace-pre-wrap break-words p-4",
 		children: r
 	});
-	return /* @__PURE__ */ V("div", {
+	return /* @__PURE__ */ z("div", {
 		dir: "ltr",
-		className: g("h-full overflow-auto", G.container, c && G.containerLight),
-		children: a ? m : /* @__PURE__ */ V(s, {
+		className: g("h-full overflow-auto", W.container, c && W.containerLight),
+		children: a ? m : /* @__PURE__ */ z(s, {
 			retryKey: u,
 			onRetry: p,
 			pendingContent: m,
 			errorContent: m,
 			labels: n,
-			children: /* @__PURE__ */ V(f, {
+			children: /* @__PURE__ */ z(f, {
 				language: i,
 				style: o,
 				customStyle: {
@@ -53,7 +53,7 @@ var G = {
 			})
 		})
 	});
-}), me = { openInNewTabButton: "_openInNewTabButton_c1arc_1" }, he = M(({ content: e, labels: t, isSourceView: n, title: r, codeBlockTheme: a, openInNewTabButtonTypographyClassName: o = "dial-body-semi-text" }) => {
+}), he = { openInNewTabButton: "_openInNewTabButton_c1arc_1" }, ge = M(({ 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] = R(!0), [d, f] = R(!1), p = L(null);
 	F(() => {
 		u(!0), f(!1);
@@ -67,7 +67,7 @@ var G = {
 	}, [e.srcdoc]), h = N(() => {
 		u(!1), f(!0);
 	}, []);
-	if (n && e.srcdoc != null) return /* @__PURE__ */ V(pe, {
+	if (n && e.srcdoc != null) return /* @__PURE__ */ z(me, {
 		content: {
 			type: i.Code,
 			text: e.srcdoc,
@@ -75,26 +75,26 @@ var G = {
 		},
 		codeBlockTheme: a
 	});
-	if (d) return /* @__PURE__ */ H("div", {
+	if (d) return /* @__PURE__ */ B("div", {
 		className: "flex h-full flex-col items-center justify-center gap-3 p-4",
-		children: [/* @__PURE__ */ V("p", {
+		children: [/* @__PURE__ */ z("p", {
 			className: "text-center",
 			children: s
-		}), e.url != null && /* @__PURE__ */ V(T, {
+		}), e.url != null && /* @__PURE__ */ z(T, {
 			href: e.url,
 			target: "_blank",
 			label: c,
-			className: me.openInNewTabButton,
+			className: he.openInNewTabButton,
 			textClassName: o
 		})]
 	});
 	let _ = e.srcdoc != null, v = _ ? void 0 : e.url, y = _ ? e.srcdoc : void 0;
-	return /* @__PURE__ */ H("div", {
+	return /* @__PURE__ */ B("div", {
 		className: "relative h-full",
-		children: [l && /* @__PURE__ */ V("div", {
+		children: [l && /* @__PURE__ */ z("div", {
 			className: "absolute inset-0 flex items-center justify-center",
-			children: /* @__PURE__ */ V(E, {})
-		}), /* @__PURE__ */ V("iframe", {
+			children: /* @__PURE__ */ z(E, {})
+		}), /* @__PURE__ */ z("iframe", {
 			ref: p,
 			title: r,
 			src: v,
@@ -105,10 +105,10 @@ var G = {
 			onError: h
 		})]
 	});
-}), K = {
+}), G = {
 	name: "MCP-UI Host",
 	version: "1.0.0"
-}, ge = { openLinks: {} }, _e = (e) => {
+}, _e = { openLinks: {} }, ve = (e) => {
 	let t;
 	try {
 		t = new URL(e);
@@ -122,14 +122,14 @@ var G = {
 		return !1;
 	}
 	return !0;
-}, ve = (e, t, n) => {
+}, ye = (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`));
-}, ye = (e, t, n) => {
+}, be = (e, t, n) => {
 	let r = L(e);
 	F(() => {
 		r.current = e;
@@ -138,15 +138,15 @@ var G = {
 	return F(() => {
 		let e = null;
 		try {
-			e = new ce(null, K, ge, { hostContext: r.current.hostContext }), e.onopenlink = async ({ url: e }) => {
+			e = new V(null, G, _e, { hostContext: r.current.hostContext }), e.onopenlink = async ({ url: e }) => {
 				let t = r.current.onOpenLink;
-				return (t == null ? _e(e) : t(e)) === !1 ? { isError: !0 } : {};
+				return (t == null ? ve(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(W, ({ params: e }) => {
+			}, e.oncalltool = (e) => r.current.onToolCall(e.name, e.arguments), e.setNotificationHandler(U, ({ params: e }) => {
 				let n = t.current?.querySelector("iframe");
-				n != null && ve(n, e.containerDimensions, r.current.hostContext?.displayMode === "fullscreen");
+				n != null && ye(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 G = {
 		appBridge: i,
 		hasFailed: o
 	};
-}, q = {
+}, K = {
 	loadingOverlay: "_loadingOverlay_1aric_1",
 	fullscreenFrame: "_fullscreenFrame_1aric_20",
 	statusLabel: "_statusLabel_1aric_27",
 	errorIcon: "_errorIcon_1aric_31"
-}, be = ({ content: e, errorLabel: t = "Failed to load app" }) => {
+}, xe = ({ content: e, errorLabel: t = "Failed to load app" }) => {
 	let [n, r] = R("loading"), { html: i, sandboxUrl: a, toolInput: o, toolResult: s, hostContext: c } = e, l = I(() => ({ url: new URL(a) }), [a]), u = c?.displayMode === "fullscreen", d = L(null), [f, p] = R();
 	F(() => {
 		let e = d.current;
@@ -180,15 +180,15 @@ var G = {
 		});
 		return t.observe(e), () => t.disconnect();
 	}, []);
-	let { appBridge: m, hasFailed: h } = ye(e, d, I(() => c == null || f == null ? c : {
+	let { appBridge: m, hasFailed: h } = be(e, d, I(() => c == null || f == null ? c : {
 		...c,
 		containerDimensions: f
 	}, [c, f])), _ = h || n === "error";
-	return /* @__PURE__ */ H("div", {
+	return /* @__PURE__ */ B("div", {
 		ref: d,
-		className: g("relative h-full w-full", u && q.fullscreenFrame),
+		className: g("relative h-full w-full", u && K.fullscreenFrame),
 		children: [
-			m != null && /* @__PURE__ */ V(U, {
+			m != null && /* @__PURE__ */ z(H, {
 				html: i,
 				sandbox: l,
 				appBridge: m,
@@ -198,26 +198,26 @@ var G = {
 				onInitialized: () => r("ready"),
 				onError: () => r("error")
 			}),
-			!_ && n === "loading" && /* @__PURE__ */ V("div", {
-				className: g("absolute inset-0 flex flex-col items-center justify-center gap-2", q.loadingOverlay),
-				children: /* @__PURE__ */ V(E, {})
+			!_ && n === "loading" && /* @__PURE__ */ z("div", {
+				className: g("absolute inset-0 flex flex-col items-center justify-center gap-2", K.loadingOverlay),
+				children: /* @__PURE__ */ z(E, {})
 			}),
-			_ && /* @__PURE__ */ H("div", {
+			_ && /* @__PURE__ */ B("div", {
 				className: "absolute inset-0 flex flex-col items-center justify-center gap-2",
-				children: [/* @__PURE__ */ V(D, {
+				children: [/* @__PURE__ */ z(D, {
 					size: 60,
 					stroke: S,
 					"aria-hidden": !0,
-					className: q.errorIcon
-				}), /* @__PURE__ */ V("p", {
+					className: K.errorIcon
+				}), /* @__PURE__ */ z("p", {
 					role: "alert",
-					className: g("text-center", q.statusLabel),
+					className: g("text-center", K.statusLabel),
 					children: t
 				})]
 			})
 		]
 	});
-}, J = {
+}, q = {
 	viewer: "_viewer_1w97n_2",
 	spreadsheetCanvas: "_spreadsheetCanvas_1w97n_6",
 	formulaPanel: "_formulaPanel_1w97n_12",
@@ -225,13 +225,13 @@ var G = {
 	statusOverlay: "_statusOverlay_1w97n_24",
 	errorIcon: "_errorIcon_1w97n_29",
 	highlight: "_highlight_1w97n_37"
-}, xe = (e) => {
+}, Se = (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}`;
-}, Se = async (e, t, { onError: n, onXlsxSelectionContextChange: i }) => {
+}, Ce = async (e, t, { onError: n, onXlsxSelectionContextChange: i }) => {
 	switch (t) {
 		case r.Docx: {
 			let [{ DocxScrollViewer: t }, { chartEx: r }] = await Promise.all([import("@silurus/ooxml/docx"), import("@silurus/ooxml/chart-ex")]);
@@ -253,7 +253,7 @@ var G = {
 		}
 		case r.Csv: {
 			let { XlsxSheetViewer: t } = await import("@silurus/ooxml/xlsx"), r = document.createElement("canvas");
-			r.className = J.spreadsheetCanvas, e.replaceChildren(r);
+			r.className = q.spreadsheetCanvas, e.replaceChildren(r);
 			let i = new t(r, {
 				showScrollbars: !0,
 				onError: n
@@ -277,7 +277,7 @@ var G = {
 			});
 		}
 	}
-}, Ce = async (e, t, n, i) => {
+}, we = async (e, t, n, i) => {
 	let { onError: a, onXlsxSelectionContextChange: o, onGeometryInvalidated: s } = n;
 	switch (t.format) {
 		case r.Docx: {
@@ -286,7 +286,7 @@ var G = {
 				import("@silurus/ooxml/chart-ex"),
 				import("./ooxml-highlight-surfaces-BzgOKpBV.js")
 			]), l = await n.load(t.url, { chartEx: o });
-			if (i()) throw l.destroy(), new we();
+			if (i()) throw l.destroy(), new Te();
 			let u = r.fromDocument(e, l, {
 				enableTextSelection: !0,
 				refitOnResize: !0,
@@ -306,7 +306,7 @@ var G = {
 				import("@silurus/ooxml/chart-ex"),
 				import("./ooxml-highlight-surfaces-BzgOKpBV.js")
 			]), l = await n.load(t.url, { chartEx: o });
-			if (i()) throw l.destroy(), new we();
+			if (i()) throw l.destroy(), new Te();
 			let u = r.fromPresentation(e, l, {
 				enableTextSelection: !0,
 				refitOnResize: !0,
@@ -340,11 +340,11 @@ var G = {
 			};
 		}
 		case r.Csv: {
-			let r = await Se(e, t.format, n);
+			let r = await Ce(e, t.format, n);
 			return await r.load(t.url), { viewer: r };
 		}
 	}
-}, 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" }) => {
+}, 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" }) => {
 	let l = L(null), [u, d] = R(!0), [f, p] = R(!1), [m, h] = R(""), [_, v] = R([]), [y, b] = R(!1), { highlights: x, selectedHighlightId: C } = t, w = x != null && x.length > 0, T = L(void 0), O = L(x);
 	O.current = x;
 	let k = L(void 0);
@@ -370,7 +370,7 @@ var G = {
 				i || (d(!1), p(!0));
 			},
 			onXlsxSelectionContextChange: (e) => {
-				i || h(xe(e));
+				i || h(Se(e));
 			},
 			onGeometryInvalidated: s
 		}, f = () => {
@@ -381,14 +381,14 @@ var G = {
 		return e.addEventListener("scroll", s, !0), k.current = s, (async () => {
 			try {
 				if (w) {
-					let r = await Ce(e, t, u, o);
+					let r = await we(e, t, u, o);
 					if (i) {
 						r.viewer.destroy(), r.engine?.destroy();
 						return;
 					}
 					n = r, T.current = r.highlights, f();
 				} else {
-					let r = await Se(e, t.format, u);
+					let r = await Ce(e, t.format, u);
 					if (i) {
 						r.destroy();
 						return;
@@ -399,7 +399,7 @@ var G = {
 				if (i) return;
 				d(!1), await c();
 			} catch (t) {
-				if (t instanceof we || i) return;
+				if (t instanceof Te || i) return;
 				n?.viewer.destroy(), n?.engine?.destroy(), n = void 0, T.current = void 0, e.replaceChildren(), d(!1), p(!0);
 			}
 		})(), () => {
@@ -429,38 +429,38 @@ var G = {
 		})(), () => {
 			r = !0;
 		};
-	}, [C, u]), /* @__PURE__ */ H("div", {
+	}, [C, u]), /* @__PURE__ */ B("div", {
 		className: "relative flex h-full w-full min-w-0 flex-col overflow-hidden",
 		children: [
-			t.format === r.Xlsx && /* @__PURE__ */ H("div", {
+			t.format === r.Xlsx && /* @__PURE__ */ B("div", {
 				role: "region",
 				"aria-label": a,
-				className: g("flex min-w-0 shrink-0 items-center gap-2 border-b px-3 py-2", J.formulaPanel),
-				children: [/* @__PURE__ */ V("span", {
+				className: g("flex min-w-0 shrink-0 items-center gap-2 border-b px-3 py-2", q.formulaPanel),
+				children: [/* @__PURE__ */ z("span", {
 					"aria-hidden": "true",
 					className: g("shrink-0", o),
 					children: "fx"
-				}), /* @__PURE__ */ V("code", {
+				}), /* @__PURE__ */ z("code", {
 					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", J.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", q.formulaValue),
 					children: m
 				})]
 			}),
-			/* @__PURE__ */ H("div", {
+			/* @__PURE__ */ B("div", {
 				className: "relative min-h-0 w-full flex-1",
-				children: [/* @__PURE__ */ V("div", {
+				children: [/* @__PURE__ */ z("div", {
 					ref: l,
 					role: "document",
 					"aria-label": n,
 					"aria-busy": u,
-					className: g("h-full w-full overflow-hidden", J.viewer)
-				}), _.length > 0 && /* @__PURE__ */ V("div", {
+					className: g("h-full w-full overflow-hidden", q.viewer)
+				}), _.length > 0 && /* @__PURE__ */ z("div", {
 					role: "region",
 					"aria-label": s,
 					className: "pointer-events-none absolute inset-0 overflow-hidden",
-					children: _.map((e, t) => /* @__PURE__ */ V("div", {
+					children: _.map((e, t) => /* @__PURE__ */ z("div", {
 						"aria-hidden": "true",
 						style: {
 							left: `${e.left}px`,
@@ -470,28 +470,28 @@ var G = {
 						},
 						"data-selected": e.highlightId === C,
 						"data-clipped": e.isClippedAtEnd === !0,
-						className: g("absolute", J.highlight)
+						className: g("absolute", q.highlight)
 					}, `${e.highlightId}-${t}`))
 				})]
 			}),
-			/* @__PURE__ */ V("div", {
+			/* @__PURE__ */ z("div", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
 				children: y ? c : ""
 			}),
-			(u || f) && /* @__PURE__ */ V("div", {
+			(u || f) && /* @__PURE__ */ z("div", {
 				role: f ? "alert" : void 0,
 				"aria-live": "polite",
-				className: g("absolute inset-0 flex items-center justify-center", J.statusOverlay),
-				children: u ? /* @__PURE__ */ V(E, { size: 48 }) : /* @__PURE__ */ H("div", {
+				className: g("absolute inset-0 flex items-center justify-center", q.statusOverlay),
+				children: u ? /* @__PURE__ */ z(E, { size: 48 }) : /* @__PURE__ */ B("div", {
 					className: "flex flex-col items-center gap-2",
-					children: [/* @__PURE__ */ V(D, {
+					children: [/* @__PURE__ */ z(D, {
 						"aria-hidden": "true",
 						size: 60,
 						stroke: S,
-						className: J.errorIcon
-					}), /* @__PURE__ */ V("p", {
+						className: q.errorIcon
+					}), /* @__PURE__ */ z("p", {
 						className: "text-center",
 						children: i
 					})]
@@ -499,17 +499,17 @@ var G = {
 			})
 		]
 	});
-}, Ee = {
+}, De = {
 	loadingOverlay: "_loadingOverlay_12637_1",
 	statusLabel: "_statusLabel_12637_5",
 	errorIcon: "_errorIcon_12637_9"
-}, De = ({ content: e, loadingLabel: t, errorLabel: n = "Failed to load visualizer", frameTitle: r, colors: a }) => {
+}, Oe = ({ content: e, loadingLabel: t, errorLabel: n = "Failed to load visualizer", frameTitle: r, colors: a }) => {
 	let o = L(null), [s, c] = R("loading"), { url: l, visualizerName: u, requestTimeout: d } = e, f = L(e);
 	return f.current = e, F(() => {
 		let e = o.current;
 		if (!e) return;
 		c("loading");
-		let t = new ue(e, {
+		let t = new de(e, {
 			domain: l,
 			hostDomain: window.location.origin,
 			visualizerName: u,
@@ -518,7 +518,7 @@ var G = {
 		return (async () => {
 			if (await t.ready(), !n) return;
 			let e = f.current;
-			if (e.type === i.GroupedVisualizer) await t.send(le.sendGroupedVisualizeData, {
+			if (e.type === i.GroupedVisualizer) await t.send(ue.sendGroupedVisualizeData, {
 				attachments: e.attachments,
 				layout: e.layout
 			});
@@ -527,7 +527,7 @@ var G = {
 					layout: r,
 					...typeof i == "object" && i ? i : {}
 				};
-				await t.send(le.sendVisualizeData, {
+				await t.send(ue.sendVisualizeData, {
 					mimeType: n,
 					visualizerData: a
 				});
@@ -550,7 +550,7 @@ var G = {
 		u,
 		l,
 		d
-	]), /* @__PURE__ */ H("div", {
+	]), /* @__PURE__ */ B("div", {
 		className: "relative h-full w-full",
 		style: m({
 			"--vs-loading-bg": a?.loadingBackground,
@@ -558,33 +558,33 @@ var G = {
 			"--vs-error-icon": a?.errorIcon
 		}),
 		children: [
-			/* @__PURE__ */ V("div", {
+			/* @__PURE__ */ z("div", {
 				ref: o,
 				className: "h-full w-full"
 			}),
-			s === "loading" && /* @__PURE__ */ H("div", {
-				className: g("absolute inset-0 flex flex-col items-center justify-center gap-2", Ee.loadingOverlay),
-				children: [/* @__PURE__ */ V(E, {}), t && /* @__PURE__ */ V("p", {
-					className: g("text-center", Ee.statusLabel),
+			s === "loading" && /* @__PURE__ */ B("div", {
+				className: g("absolute inset-0 flex flex-col items-center justify-center gap-2", De.loadingOverlay),
+				children: [/* @__PURE__ */ z(E, {}), t && /* @__PURE__ */ z("p", {
+					className: g("text-center", De.statusLabel),
 					children: t
 				})]
 			}),
-			s === "error" && /* @__PURE__ */ H("div", {
+			s === "error" && /* @__PURE__ */ B("div", {
 				className: "absolute inset-0 flex flex-col items-center justify-center gap-2",
-				children: [/* @__PURE__ */ V(D, {
+				children: [/* @__PURE__ */ z(D, {
 					size: 60,
 					stroke: S,
 					"aria-hidden": !0,
-					className: Ee.errorIcon
-				}), /* @__PURE__ */ V("p", {
+					className: De.errorIcon
+				}), /* @__PURE__ */ z("p", {
 					role: "alert",
-					className: g("text-center", Ee.statusLabel),
+					className: g("text-center", De.statusLabel),
 					children: n
 				})]
 			})
 		]
 	});
-}, Y = {
+}, J = {
 	body: "_body_13ogb_4",
 	statusLabel: "_statusLabel_13ogb_13",
 	errorIcon: "_errorIcon_13ogb_17",
@@ -599,66 +599,66 @@ var G = {
 	jsonExpandIcon: "_jsonExpandIcon_13ogb_54",
 	jsonCollapseIcon: "_jsonCollapseIcon_13ogb_67",
 	jsonCollapsedContent: "_jsonCollapsedContent_13ogb_84"
-}, Oe = () => j(async () => ({ default: (await import("./PdfContent-BoAtghsO.js")).PdfContent })), ke = ({ url: e, fileName: t, loadErrorLabel: n }) => {
+}, ke = () => j(async () => ({ default: (await import("./PdfContent-BoAtghsO.js")).PdfContent })), Ae = ({ url: e, fileName: t, loadErrorLabel: n }) => {
 	let [r, i] = R(!1);
 	return F(() => {
 		i(!1);
-	}, [e]), r ? /* @__PURE__ */ H("div", {
+	}, [e]), r ? /* @__PURE__ */ B("div", {
 		className: "flex flex-col items-center gap-2",
-		children: [/* @__PURE__ */ V(D, {
+		children: [/* @__PURE__ */ z(D, {
 			size: 60,
 			stroke: S,
-			className: Y.errorIcon
-		}), /* @__PURE__ */ V("p", {
-			className: g("text-center", Y.statusLabel),
+			className: J.errorIcon
+		}), /* @__PURE__ */ z("p", {
+			className: g("text-center", J.statusLabel),
 			children: n
 		})]
-	}) : /* @__PURE__ */ V("img", {
+	}) : /* @__PURE__ */ z("img", {
 		src: e,
 		alt: t ?? "",
 		className: "max-h-full max-w-full object-contain",
 		onError: () => i(!0)
 	});
-}, Ae = new Set([
+}, je = new Set([
 	i.PlainText,
 	i.Code,
 	i.Ooxml
-]), je = M(({ 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: T = "Formula", codeContentLoadingLabel: O, codeContentErrorLabel: k, codeContentRetryLabel: ee, tableCopyCsvLabel: te, tableCopyTxtLabel: ne, tableCopyMarkdownLabel: re, tableCopiedLabel: ae, tableDownloadCsvLabel: oe, ooxmlHighlightsLabel: A, ooxmlHighlightNavigatedLabel: j } = {}, styles: M, codeBlockTheme: P, tableDownloadFilename: F, loadPdf: L, hidePdfToolbar: B = !1, configurePdfWorker: ce }) => {
-	let { colors: U, typography: W, bodyClassName: le, cssVars: ue } = M ?? {}, [G, de] = R(0), fe = I(Oe, [G]), me = N(() => {
-		de((e) => e + 1);
-	}, []), K = W?.fontClassName != null, ge = I(() => ({
+]), Me = M(({ 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: T = "Formula", codeContentLoadingLabel: O, codeContentErrorLabel: k, codeContentRetryLabel: ee, tableCopyCsvLabel: te, tableCopyTxtLabel: ne, tableCopyMarkdownLabel: re, tableCopiedLabel: ae, tableDownloadCsvLabel: oe, ooxmlHighlightsLabel: A, ooxmlHighlightNavigatedLabel: j } = {}, styles: M, codeBlockTheme: P, tableDownloadFilename: F, loadPdf: L, hidePdfToolbar: le = !1, configurePdfWorker: V }) => {
+	let { colors: H, typography: U, bodyClassName: ue, cssVars: de } = M ?? {}, [W, fe] = R(0), pe = I(ke, [W]), he = N(() => {
+		fe((e) => e + 1);
+	}, []), G = U?.fontClassName != null, _e = I(() => ({
 		...m({
-			"--ac-text": U?.text,
-			"--ac-status-text": U?.statusText,
-			"--ac-error-icon": U?.errorIcon,
-			"--ac-open-in-new-tab-text": U?.openInNewTabText,
-			"--ac-json-border": U?.jsonBorder,
-			"--ac-json-bg": U?.jsonBackground,
-			"--ac-json-label": U?.jsonLabel,
-			"--ac-json-clickable-label": U?.jsonClickableLabel,
-			"--ac-json-punctuation": U?.jsonPunctuation,
-			"--ac-json-string": U?.jsonString,
-			"--ac-json-number": U?.jsonNumber,
-			"--ac-json-boolean": U?.jsonBoolean,
-			"--ac-json-null": U?.jsonNull,
-			"--ac-json-toggle-icon": U?.jsonToggleIcon,
-			"--ac-json-toggle-icon-hover": U?.jsonToggleIconHover,
-			"--ac-ooxml-bg": U?.ooxmlBackground,
-			"--ac-ooxml-formula-border": U?.ooxmlFormulaBorder,
-			"--ac-ooxml-formula-bg": U?.ooxmlFormulaBackground,
-			"--ac-ooxml-formula-text": U?.ooxmlFormulaText,
-			"--ac-ooxml-highlight-border": U?.ooxmlHighlightBorder,
-			"--ac-ooxml-highlight-bg": U?.ooxmlHighlightBackground,
-			"--ac-json-collapsed-text": U?.jsonCollapsedText,
-			"--ac-json-collapsed-bg": U?.jsonCollapsedBackground,
-			"--ac-font-family": K ? void 0 : W?.fontFamily,
-			"--ac-font-size": K ? void 0 : W?.fontSize,
-			"--ac-font-weight": K ? void 0 : W?.fontWeight,
-			"--ac-line-height": K ? void 0 : W?.lineHeight,
-			"--ac-letter-spacing": K ? void 0 : W?.letterSpacing
+			"--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": G ? void 0 : U?.fontFamily,
+			"--ac-font-size": G ? void 0 : U?.fontSize,
+			"--ac-font-weight": G ? void 0 : U?.fontWeight,
+			"--ac-line-height": G ? void 0 : U?.lineHeight,
+			"--ac-letter-spacing": G ? void 0 : U?.letterSpacing
 		}),
-		...ue
-	}), [M]), _e = I(() => {
+		...de
+	}), [M]), ve = I(() => {
 		switch (e.type) {
 			case i.Image:
 			case i.Audio:
@@ -676,35 +676,35 @@ var G = {
 			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]), ve = I(() => {
+	}, [e.type]), ye = I(() => {
 		switch (e.type) {
-			case i.PlainText: return /* @__PURE__ */ V("pre", {
-				className: g("whitespace-pre-wrap break-words", Y.body, W?.fontClassName),
+			case i.PlainText: return /* @__PURE__ */ z("pre", {
+				className: g("whitespace-pre-wrap break-words", J.body, U?.fontClassName),
 				children: e.text
 			});
-			case i.Image: return /* @__PURE__ */ V(ke, {
+			case i.Image: return /* @__PURE__ */ z(Ae, {
 				url: e.url,
 				fileName: r,
 				loadErrorLabel: c
 			});
-			case i.Audio: return /* @__PURE__ */ V("audio", {
+			case i.Audio: return /* @__PURE__ */ z("audio", {
 				controls: !0,
 				src: e.url,
 				"aria-label": r ?? "Audio attachment",
 				className: "w-full max-w-sm",
 				preload: "metadata",
-				children: e.mimeType && /* @__PURE__ */ V("source", {
+				children: e.mimeType && /* @__PURE__ */ z("source", {
 					src: e.url,
 					type: e.mimeType
 				})
 			});
-			case i.Markdown: return /* @__PURE__ */ V(p, {
+			case i.Markdown: return /* @__PURE__ */ z(p, {
 				content: e.text,
 				isStreaming: !1,
 				codeBlockTheme: P,
 				classNames: u
 			});
-			case i.MarkdownTable: return /* @__PURE__ */ V(p, {
+			case i.MarkdownTable: return /* @__PURE__ */ z(p, {
 				content: e.text,
 				isStreaming: !1,
 				codeBlockTheme: P,
@@ -723,34 +723,34 @@ var G = {
 				},
 				tableDownloadFilename: F
 			});
-			case i.Json: return /* @__PURE__ */ V("div", {
+			case i.Json: return /* @__PURE__ */ z("div", {
 				dir: "ltr",
 				className: "h-full overflow-auto",
-				children: /* @__PURE__ */ V("div", {
-					className: g("m-3 overflow-auto rounded-md border", Y.jsonWrapper),
-					children: /* @__PURE__ */ V(se, {
+				children: /* @__PURE__ */ z("div", {
+					className: g("m-3 overflow-auto rounded-md border", J.jsonWrapper),
+					children: /* @__PURE__ */ z(se, {
 						data: e.value,
 						style: {
-							container: g("whitespace-pre-wrap break-words p-2", W?.jsonClassName ?? "dial-code-text"),
-							basicChildStyle: z.basicChildStyle,
+							container: g("whitespace-pre-wrap break-words p-2", U?.jsonClassName ?? "dial-code-text"),
+							basicChildStyle: ce.basicChildStyle,
 							childFieldsContainer: "m-0 ps-3",
-							label: g("me-1 font-semibold", Y.jsonLabel),
-							clickableLabel: g("me-1 cursor-pointer font-semibold hover:underline", Y.jsonClickableLabel),
-							nullValue: g("italic", Y.jsonNullValue),
-							undefinedValue: g("italic", Y.jsonNullValue),
-							stringValue: Y.jsonStringValue,
-							booleanValue: Y.jsonBooleanValue,
-							numberValue: Y.jsonNumberValue,
-							otherValue: g("italic", Y.jsonNullValue),
-							punctuation: g("me-1", Y.jsonPunctuation),
-							collapseIcon: g("me-1 cursor-pointer select-none transition-colors", Y.jsonCollapseIcon),
-							expandIcon: g("me-1 cursor-pointer select-none transition-colors", Y.jsonExpandIcon),
-							collapsedContent: g("me-1 cursor-pointer rounded px-1", Y.jsonCollapsedContent)
+							label: g("me-1 font-semibold", J.jsonLabel),
+							clickableLabel: g("me-1 cursor-pointer font-semibold hover:underline", J.jsonClickableLabel),
+							nullValue: g("italic", J.jsonNullValue),
+							undefinedValue: g("italic", J.jsonNullValue),
+							stringValue: J.jsonStringValue,
+							booleanValue: J.jsonBooleanValue,
+							numberValue: J.jsonNumberValue,
+							otherValue: g("italic", J.jsonNullValue),
+							punctuation: g("me-1", J.jsonPunctuation),
+							collapseIcon: g("me-1 cursor-pointer select-none transition-colors", J.jsonCollapseIcon),
+							expandIcon: g("me-1 cursor-pointer select-none transition-colors", J.jsonExpandIcon),
+							collapsedContent: g("me-1 cursor-pointer rounded px-1", J.jsonCollapsedContent)
 						}
 					})
 				})
 			});
-			case i.Code: return /* @__PURE__ */ V(pe, {
+			case i.Code: return /* @__PURE__ */ z(me, {
 				content: e,
 				codeBlockTheme: P,
 				labels: {
@@ -759,7 +759,7 @@ var G = {
 					retryLabel: ee
 				}
 			});
-			case i.Html: return /* @__PURE__ */ V(he, {
+			case i.Html: return /* @__PURE__ */ z(ge, {
 				content: e,
 				labels: {
 					htmlFrameBlockedLabel: f,
@@ -769,23 +769,23 @@ var G = {
 				title: r,
 				codeBlockTheme: P
 			});
-			case i.Pdf: return /* @__PURE__ */ V(s, {
-				retryKey: G,
-				onRetry: me,
+			case i.Pdf: return /* @__PURE__ */ z(s, {
+				retryKey: W,
+				onRetry: he,
 				labels: {
 					loadingLabel: x,
 					errorLabel: C,
 					retryLabel: w
 				},
-				children: /* @__PURE__ */ V(fe, {
+				children: /* @__PURE__ */ z(pe, {
 					fileName: r,
 					url: e.url,
 					highlights: e.highlights ?? [],
 					selectedHighlightId: e.selectedHighlightId,
 					selectedPageNumber: e.page,
 					loadPdf: L,
-					hideHeader: B,
-					configurePdfWorker: ce,
+					hideHeader: le,
+					configurePdfWorker: V,
 					labels: {
 						thumbnailsLabel: _,
 						showThumbnailsLabel: v,
@@ -797,35 +797,35 @@ var G = {
 					}
 				})
 			}, e.url);
-			case i.Ooxml: return /* @__PURE__ */ V(Te, {
+			case i.Ooxml: return /* @__PURE__ */ z(Ee, {
 				content: e,
 				fileName: r,
 				loadErrorLabel: c,
 				formulaLabel: T,
-				formulaLabelClassName: W?.xlsxFormulaLabelClassName ?? "dial-italic-text",
+				formulaLabelClassName: U?.xlsxFormulaLabelClassName ?? "dial-italic-text",
 				highlightsLabel: A,
 				highlightNavigatedLabel: j
 			});
 			case i.Visualizer:
-			case i.GroupedVisualizer: return /* @__PURE__ */ V(De, {
+			case i.GroupedVisualizer: return /* @__PURE__ */ z(Oe, {
 				content: e,
 				errorLabel: d
 			});
-			case i.McpApp: return /* @__PURE__ */ V(be, { content: e });
-			case i.Unsupported: return /* @__PURE__ */ V("p", {
-				className: g("text-center", Y.statusLabel),
+			case i.McpApp: return /* @__PURE__ */ z(xe, { content: e });
+			case i.Unsupported: return /* @__PURE__ */ z("p", {
+				className: g("text-center", J.statusLabel),
 				children: o
 			});
 			case i.Error: {
 				let t = e.errorType === n.Forbidden;
-				return /* @__PURE__ */ H("div", {
+				return /* @__PURE__ */ B("div", {
 					className: "flex flex-col items-center gap-2",
-					children: [V(t ? ie : D, {
+					children: [z(t ? ie : D, {
 						size: 60,
 						stroke: S,
-						className: Y.errorIcon
-					}), /* @__PURE__ */ V("p", {
-						className: g("text-center", Y.statusLabel),
+						className: J.errorIcon
+					}), /* @__PURE__ */ z("p", {
+						className: g("text-center", J.statusLabel),
 						children: t ? l : c
 					})]
 				});
@@ -833,9 +833,9 @@ var G = {
 		}
 	}, [
 		e,
-		W?.fontClassName,
-		W?.jsonClassName,
-		W?.xlsxFormulaLabelClassName,
+		U?.fontClassName,
+		U?.jsonClassName,
+		U?.xlsxFormulaLabelClassName,
 		r,
 		P,
 		o,
@@ -847,8 +847,8 @@ var G = {
 		a,
 		F,
 		L,
-		B,
-		ce,
+		le,
+		V,
 		_,
 		v,
 		y,
@@ -860,9 +860,9 @@ var G = {
 		O,
 		k,
 		ee,
-		fe,
-		G,
-		me,
+		pe,
+		W,
+		he,
 		te,
 		ne,
 		re,
@@ -871,186 +871,187 @@ var G = {
 		A,
 		j
 	]);
-	return /* @__PURE__ */ V("div", {
-		style: !t && Ae.has(e.type) ? ge : void 0,
-		className: g(t ? "flex h-full items-center justify-center" : _e, le),
-		children: t ? /* @__PURE__ */ V(E, {}) : ve
+	return /* @__PURE__ */ z("div", {
+		style: !t && je.has(e.type) ? _e : void 0,
+		className: g(t ? "flex h-full items-center justify-center" : ve, ue),
+		children: t ? /* @__PURE__ */ z(E, {}) : ye
 	});
-}), Me = 2e3, Ne = M(({ 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: C = "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: D = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: O = "Open in new tab", htmlViewSourceLabel: ie = "View source", htmlViewRenderedLabel: A = "View rendered", mcpAppReloadLabel: j = "Reload", pdfThumbnailsLabel: M, pdfShowThumbnailsLabel: P, pdfHideThumbnailsLabel: I, pdfPageNumberLabel: se, pdfContentLoadingLabel: z, pdfContentErrorLabel: ce, pdfContentRetryLabel: U, xlsxFormulaLabel: W, codeContentLoadingLabel: le, codeContentErrorLabel: ue, codeContentRetryLabel: G, tableCopyCsvLabel: de, tableCopyTxtLabel: fe, tableCopyMarkdownLabel: pe, tableCopiedLabel: me, tableDownloadCsvLabel: he, ooxmlHighlightsLabel: K, ooxmlHighlightNavigatedLabel: ge }, onDownload: _e, onCopyText: ve, onCopyMarkdown: ye, onCopyJson: q, tableDownloadFilename: be, isMobile: J = !1, defaultWidth: xe, minWidth: Se = 600, maxWidth: Ce = 1500, onResizeStop: we, styles: Te, codeBlockTheme: Ee, loadPdf: De, configurePdfWorker: Y }) => {
-	let [Oe, ke] = R(!1), [Ae, Ne] = R(!1), [Pe, X] = R(!1), [Z, Fe] = R(!1), Ie = L(null), Le = L(null), Q = L(null), Re = N(() => {
-		ve?.(), Ie.current != null && clearTimeout(Ie.current), ke(!0), Ie.current = setTimeout(() => ke(!1), Me);
-	}, [ve]), ze = N(() => {
-		ye?.(), Le.current != null && clearTimeout(Le.current), Ne(!0), Le.current = setTimeout(() => Ne(!1), Me);
-	}, [ye]), Be = N(() => {
-		q?.(), Q.current != null && clearTimeout(Q.current), X(!0), Q.current = setTimeout(() => X(!1), Me);
-	}, [q]);
+}), Ne = 2e3, Pe = M(({ isOpen: e, isLoading: t = !1, onClose: n, content: r, fileName: a, leftActions: s, labels: { ariaLabel: c, closeLabel: l = "Close", resizeLabel: u = "Resize panel", downloadLabel: d = "Download", copyTextLabel: f = "Copy text", copiedTextLabel: p = "Copied!", copyMarkdownLabel: m = "Copy as Markdown", copiedMarkdownLabel: h = "Copied!", copyJsonLabel: _ = "Copy as JSON", copiedJsonLabel: v = "Copied!", visualizerErrorLabel: C, unsupportedLabel: T = "Preview is not supported for this file", loadErrorLabel: E = "Failed to load file", forbiddenErrorLabel: D = "You don't have permission to access this file", htmlFrameBlockedLabel: O = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: ie = "Open in new tab", htmlViewSourceLabel: A = "View source", htmlViewRenderedLabel: j = "View rendered", mcpAppReloadLabel: M = "Reload", pdfThumbnailsLabel: P, pdfShowThumbnailsLabel: I, pdfHideThumbnailsLabel: se, pdfPageNumberLabel: ce, pdfContentLoadingLabel: V, pdfContentErrorLabel: H, pdfContentRetryLabel: U, xlsxFormulaLabel: ue, codeContentLoadingLabel: de, codeContentErrorLabel: W, codeContentRetryLabel: fe, tableCopyCsvLabel: pe, tableCopyTxtLabel: me, tableCopyMarkdownLabel: he, tableCopiedLabel: ge, tableDownloadCsvLabel: G, ooxmlHighlightsLabel: _e, ooxmlHighlightNavigatedLabel: ve }, onDownload: ye, onCopyText: be, onCopyMarkdown: K, onCopyJson: xe, tableDownloadFilename: q, isMobile: Se = !1, defaultWidth: Ce, minWidth: we = 600, maxWidth: Te = 1500, onResizeStop: Ee, styles: De, codeBlockTheme: Oe, loadPdf: J, configurePdfWorker: ke }) => {
+	let [Ae, je] = R(!1), [Pe, Fe] = R(!1), [Y, Ie] = R(!1), [X, Le] = R(!1), Z = L(null), Q = L(null), Re = L(null), ze = N(() => {
+		be?.(), Z.current != null && clearTimeout(Z.current), je(!0), Z.current = setTimeout(() => je(!1), Ne);
+	}, [be]), Be = N(() => {
+		K?.(), Q.current != null && clearTimeout(Q.current), Fe(!0), Q.current = setTimeout(() => Fe(!1), Ne);
+	}, [K]), Ve = N(() => {
+		xe?.(), Re.current != null && clearTimeout(Re.current), Ie(!0), Re.current = setTimeout(() => Ie(!1), Ne);
+	}, [xe]);
 	F(() => () => {
-		Ie.current != null && clearTimeout(Ie.current), Le.current != null && clearTimeout(Le.current), Q.current != null && clearTimeout(Q.current);
+		Z.current != null && clearTimeout(Z.current), Q.current != null && clearTimeout(Q.current), Re.current != null && clearTimeout(Re.current);
 	}, []);
-	let Ve = N(() => {
-		Fe((e) => !e);
+	let He = N(() => {
+		Le((e) => !e);
 	}, []);
 	F(() => {
-		Fe(!1);
+		Le(!1);
 	}, [r]);
-	let { className: He, panelStyles: Ue, ...$ } = Te ?? {}, We = !t && r.type === i.Html && r.srcdoc != null, Ge = !t && ve != null && (r.type === i.PlainText || r.type === i.Code), Ke = !t && ye != null && r.type === i.Markdown, qe = !t && q != null && r.type === i.Json, Je = !t && _e != null && o(r), Ye = !t && r.type === i.McpApp && r.onReload != null;
-	return /* @__PURE__ */ V(b, {
+	let { className: Ue, panelStyles: $, ...We } = De ?? {}, Ge = !t && r.type === i.Html && r.srcdoc != null, Ke = !t && be != null && (r.type === i.PlainText || r.type === i.Code), qe = !t && K != null && r.type === i.Markdown, Je = !t && xe != null && r.type === i.Json, Ye = !t && ye != null && o(r), Xe = !t && r.type === i.McpApp && r.onReload != null;
+	return /* @__PURE__ */ z(b, {
 		isOpen: e,
 		orientation: y.Right,
 		title: a,
 		labels: {
-			ariaLabel: s,
-			closeLabel: c,
-			resizeLabel: l
+			ariaLabel: c,
+			closeLabel: l,
+			resizeLabel: u
 		},
 		onClose: n,
-		resizable: !J,
-		defaultWidth: xe,
-		minWidth: Se,
-		maxWidth: Ce,
-		onResizeStop: we,
+		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)
+			...$,
+			titleClassName: $?.titleClassName ?? "dial-h3-text",
+			headerClassName: g("border-b border-tertiary", $?.headerClassName),
+			className: g(e ? "mobile:w-full mobile:max-w-full" : "w-0", Ue, $?.className)
 		},
-		rightActions: We || Ge || Ke || qe || Je || Ye ? /* @__PURE__ */ H(B, { children: [
-			Ye && /* @__PURE__ */ V(w, {
-				icon: /* @__PURE__ */ V(oe, {
+		leftActions: s,
+		rightActions: Ge || Ke || qe || Je || Ye || Xe ? /* @__PURE__ */ B(le, { children: [
+			Xe && /* @__PURE__ */ z(w, {
+				icon: /* @__PURE__ */ z(oe, {
 					size: x.LG,
 					stroke: S,
 					"aria-hidden": !0
 				}),
-				"aria-label": j,
-				tooltipProps: { tooltip: j },
+				"aria-label": M,
+				tooltipProps: { tooltip: M },
 				onClick: r.type === i.McpApp ? r.onReload : void 0
 			}),
-			We && /* @__PURE__ */ V(w, {
-				icon: V(Z ? re : ee, {
+			Ge && /* @__PURE__ */ z(w, {
+				icon: z(X ? re : ee, {
 					size: x.LG,
 					stroke: S,
 					"aria-hidden": !0
 				}),
-				"aria-label": Z ? A : ie,
-				"aria-pressed": Z,
-				tooltipProps: { tooltip: Z ? A : ie },
-				onClick: Ve
+				"aria-label": X ? j : A,
+				"aria-pressed": X,
+				tooltipProps: { tooltip: X ? j : A },
+				onClick: He
 			}),
-			Ge && /* @__PURE__ */ V(w, {
-				icon: V(Oe ? k : te, {
+			Ke && /* @__PURE__ */ z(w, {
+				icon: z(Ae ? k : te, {
 					size: x.LG,
 					stroke: S,
 					"aria-hidden": !0
 				}),
-				"aria-label": Oe ? f : d,
-				tooltipProps: { tooltip: Oe ? f : d },
-				onClick: Re
+				"aria-label": Ae ? p : f,
+				tooltipProps: { tooltip: Ae ? p : f },
+				onClick: ze
 			}),
-			Ke && /* @__PURE__ */ V(w, {
-				icon: V(Ae ? k : ae, {
+			qe && /* @__PURE__ */ z(w, {
+				icon: z(Pe ? k : ae, {
 					size: x.LG,
 					stroke: S,
 					"aria-hidden": !0
 				}),
-				"aria-label": Ae ? m : p,
-				tooltipProps: { tooltip: Ae ? m : p },
-				onClick: ze
+				"aria-label": Pe ? h : m,
+				tooltipProps: { tooltip: Pe ? h : m },
+				onClick: Be
 			}),
-			qe && /* @__PURE__ */ V(w, {
-				icon: V(Pe ? k : te, {
+			Je && /* @__PURE__ */ z(w, {
+				icon: z(Y ? k : te, {
 					size: x.LG,
 					stroke: S,
 					"aria-hidden": !0
 				}),
-				"aria-label": Pe ? _ : h,
-				tooltipProps: { tooltip: Pe ? _ : h },
-				onClick: Be
+				"aria-label": Y ? v : _,
+				tooltipProps: { tooltip: Y ? v : _ },
+				onClick: Ve
 			}),
-			Je && /* @__PURE__ */ V(w, {
-				icon: /* @__PURE__ */ V(ne, {
+			Ye && /* @__PURE__ */ z(w, {
+				icon: /* @__PURE__ */ z(ne, {
 					size: x.LG,
 					stroke: S
 				}),
-				"aria-label": u,
-				tooltipProps: { tooltip: u },
-				onClick: _e
+				"aria-label": d,
+				tooltipProps: { tooltip: d },
+				onClick: ye
 			})
 		] }) : null,
-		children: /* @__PURE__ */ V(je, {
+		children: /* @__PURE__ */ z(Me, {
 			content: r,
 			isLoading: t,
 			fileName: a,
-			isHtmlSourceView: Z,
+			isHtmlSourceView: X,
 			labels: {
-				unsupportedLabel: C,
-				loadErrorLabel: T,
-				forbiddenErrorLabel: E,
-				visualizerErrorLabel: v,
-				htmlFrameBlockedLabel: D,
-				htmlOpenInNewTabLabel: O,
-				pdfThumbnailsLabel: M,
-				pdfShowThumbnailsLabel: P,
-				pdfHideThumbnailsLabel: I,
-				pdfPageNumberLabel: se,
-				pdfContentLoadingLabel: z,
-				pdfContentErrorLabel: ce,
+				unsupportedLabel: T,
+				loadErrorLabel: E,
+				forbiddenErrorLabel: D,
+				visualizerErrorLabel: C,
+				htmlFrameBlockedLabel: O,
+				htmlOpenInNewTabLabel: ie,
+				pdfThumbnailsLabel: P,
+				pdfShowThumbnailsLabel: I,
+				pdfHideThumbnailsLabel: se,
+				pdfPageNumberLabel: ce,
+				pdfContentLoadingLabel: V,
+				pdfContentErrorLabel: H,
 				pdfContentRetryLabel: U,
-				xlsxFormulaLabel: W,
-				codeContentLoadingLabel: le,
-				codeContentErrorLabel: ue,
-				codeContentRetryLabel: G,
-				tableCopyCsvLabel: de,
-				tableCopyTxtLabel: fe,
-				tableCopyMarkdownLabel: pe,
-				tableCopiedLabel: me,
-				tableDownloadCsvLabel: he,
-				ooxmlHighlightsLabel: K,
-				ooxmlHighlightNavigatedLabel: ge
+				xlsxFormulaLabel: ue,
+				codeContentLoadingLabel: de,
+				codeContentErrorLabel: W,
+				codeContentRetryLabel: fe,
+				tableCopyCsvLabel: pe,
+				tableCopyTxtLabel: me,
+				tableCopyMarkdownLabel: he,
+				tableCopiedLabel: ge,
+				tableDownloadCsvLabel: G,
+				ooxmlHighlightsLabel: _e,
+				ooxmlHighlightNavigatedLabel: ve
 			},
-			styles: $,
-			codeBlockTheme: Ee,
-			tableDownloadFilename: be,
-			loadPdf: De,
-			configurePdfWorker: Y
+			styles: We,
+			codeBlockTheme: Oe,
+			tableDownloadFilename: q,
+			loadPdf: J,
+			configurePdfWorker: ke
 		})
 	});
-}), Pe = new Set(["html", "htm"]), X = {
+}), Fe = 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"
-}, 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(".")), Fe = {
+}, Ie = new Set(/* @__PURE__ */ "txt.md.markdown.json.jsonl.ndjson.xml.csv.tsv.yaml.yml.toml.ini.conf.cfg.css.scss.sass.less.js.jsx.ts.tsx.mjs.cjs.mts.cts.py.rb.go.rs.java.kt.swift.c.h.cpp.cs.sh.bash.zsh.fish.ps1.log.env.gitignore.dockerfile.makefile.sql".split(".")), X = {
 	docx: r.Docx,
 	xlsx: r.Xlsx,
 	pptx: r.Pptx,
 	csv: r.Csv
-}, Ie = {
-	[X.docx]: r.Docx,
-	[X.xlsx]: r.Xlsx,
-	[X.pptx]: r.Pptx,
-	[f.CSV]: r.Csv
 }, Le = {
-	[r.Docx]: X.docx,
-	[r.Xlsx]: X.xlsx,
-	[r.Pptx]: X.pptx,
+	[Y.docx]: r.Docx,
+	[Y.xlsx]: r.Xlsx,
+	[Y.pptx]: r.Pptx,
+	[f.CSV]: r.Csv
+}, Z = {
+	[r.Docx]: Y.docx,
+	[r.Xlsx]: Y.xlsx,
+	[r.Pptx]: Y.pptx,
 	[r.Csv]: f.CSV
 }, Q = (e, t) => {
 	let n = t?.split(";", 1)[0].trim().toLowerCase();
 	if (n != null) {
-		let e = Ie[n];
+		let e = Le[n];
 		if (e != null) return e;
 	}
 	let r = e.lastIndexOf(".");
-	if (r !== -1) return Fe[e.slice(r + 1).toLowerCase()];
+	if (r !== -1) return X[e.slice(r + 1).toLowerCase()];
 }, Re = (e, t) => Q(e, t) != null, ze = (e, t) => {
 	let n = Q(e, t);
-	return n == null ? void 0 : Le[n];
+	return n == null ? void 0 : Z[n];
 }, Be = (e) => {
 	let t = e.lastIndexOf(".");
-	return t === -1 ? !1 : Z.has(e.slice(t + 1).toLowerCase());
+	return t === -1 ? !1 : Ie.has(e.slice(t + 1).toLowerCase());
 }, Ve = (e) => {
 	let t = e.lastIndexOf(".");
-	return t === -1 ? !1 : Pe.has(e.slice(t + 1).toLowerCase());
+	return t === -1 ? !1 : Fe.has(e.slice(t + 1).toLowerCase());
 }, He = {
 	xml: "xml",
 	csv: "plaintext",
@@ -1131,7 +1132,7 @@ var Xe = ({ children: e }) => {
 	return F(() => () => {
 		let e = Ke(a);
 		e != null && URL.revokeObjectURL(e);
-	}, [a]), /* @__PURE__ */ V(Ye.Provider, {
+	}, [a]), /* @__PURE__ */ z(Ye.Provider, {
 		value: I(() => ({
 			isOpen: t,
 			isLoading: r,
@@ -1157,68 +1158,70 @@ var Xe = ({ children: e }) => {
 	let e = P(Ye);
 	if (!e) throw Error("useAttachmentCanvas must be used within an AttachmentCanvasProvider");
 	return e;
-}, Qe = M(({ 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: oe, tableCopyCsvLabel: A, tableCopyTxtLabel: j, tableCopyMarkdownLabel: M, tableCopiedLabel: P, tableDownloadCsvLabel: F, ooxmlHighlightsLabel: I, ooxmlHighlightNavigatedLabel: L } = e ?? {}, { isOpen: R, isLoading: se, content: z, fileName: B, closeCanvas: H } = Ze(), ce = N(() => {
-		a(z, B);
-	}, [z, B]), U = N(() => {
-		(z.type === i.PlainText || z.type === i.Code) && h(z.text);
-	}, [z]), W = N(() => {
-		z.type === i.Markdown && h(z.text);
-	}, [z]), le = N(() => {
-		z.type === i.Json && h(JSON.stringify(z.value, null, 2));
-	}, [z]);
-	return /* @__PURE__ */ V(Ne, {
-		isOpen: R,
-		isLoading: se,
+}, Qe = M(({ labels: e, leftActions: t, isMobile: n = !1, defaultWidth: r, maxWidth: o, codeBlockTheme: s, tableDownloadFilename: c, loadPdf: l, configurePdfWorker: u }) => {
+	let { ariaLabel: d = "Attachment preview", closeLabel: f = "Close", downloadLabel: p = "Download", unsupportedLabel: m = "Preview is not supported for this file", loadErrorLabel: g = "Failed to load file", forbiddenErrorLabel: _ = "You don't have permission to access this file", copyTextLabel: v, copiedTextLabel: y, copyMarkdownLabel: b, copiedMarkdownLabel: x, copyJsonLabel: S, copiedJsonLabel: C, htmlFrameBlockedLabel: w, htmlOpenInNewTabLabel: T, htmlViewSourceLabel: E, htmlViewRenderedLabel: D, pdfThumbnailsLabel: O, pdfShowThumbnailsLabel: k, pdfHideThumbnailsLabel: ee, pdfPageNumberLabel: te, pdfContentLoadingLabel: ne, pdfContentErrorLabel: re, pdfContentRetryLabel: ie, xlsxFormulaLabel: ae, codeContentLoadingLabel: oe, codeContentErrorLabel: A, codeContentRetryLabel: j, tableCopyCsvLabel: M, tableCopyTxtLabel: P, tableCopyMarkdownLabel: F, tableCopiedLabel: I, tableDownloadCsvLabel: L, ooxmlHighlightsLabel: R, ooxmlHighlightNavigatedLabel: se } = e ?? {}, { isOpen: ce, isLoading: le, content: B, fileName: V, closeCanvas: H } = Ze(), U = N(() => {
+		a(B, V);
+	}, [B, V]), ue = N(() => {
+		(B.type === i.PlainText || B.type === i.Code) && h(B.text);
+	}, [B]), de = N(() => {
+		B.type === i.Markdown && h(B.text);
+	}, [B]), W = N(() => {
+		B.type === i.Json && h(JSON.stringify(B.value, null, 2));
+	}, [B]);
+	return /* @__PURE__ */ z(Pe, {
+		isOpen: ce,
+		isLoading: le,
 		onClose: H,
-		content: z,
-		fileName: B,
+		content: B,
+		fileName: V,
+		leftActions: t,
 		labels: {
-			ariaLabel: l,
-			closeLabel: u,
-			downloadLabel: d,
-			copyTextLabel: g,
-			copiedTextLabel: _,
-			copyMarkdownLabel: v,
-			copiedMarkdownLabel: y,
-			copyJsonLabel: b,
-			copiedJsonLabel: x,
-			unsupportedLabel: f,
-			loadErrorLabel: p,
-			forbiddenErrorLabel: m,
-			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: oe,
-			tableCopyCsvLabel: A,
-			tableCopyTxtLabel: j,
-			tableCopyMarkdownLabel: M,
-			tableCopiedLabel: P,
-			tableDownloadCsvLabel: F,
-			ooxmlHighlightsLabel: I,
-			ooxmlHighlightNavigatedLabel: L
+			ariaLabel: d,
+			closeLabel: f,
+			downloadLabel: p,
+			copyTextLabel: v,
+			copiedTextLabel: y,
+			copyMarkdownLabel: b,
+			copiedMarkdownLabel: x,
+			copyJsonLabel: S,
+			copiedJsonLabel: C,
+			unsupportedLabel: m,
+			loadErrorLabel: g,
+			forbiddenErrorLabel: _,
+			htmlFrameBlockedLabel: w,
+			htmlOpenInNewTabLabel: T,
+			htmlViewSourceLabel: E,
+			htmlViewRenderedLabel: D,
+			pdfThumbnailsLabel: O,
+			pdfShowThumbnailsLabel: k,
+			pdfHideThumbnailsLabel: ee,
+			pdfPageNumberLabel: te,
+			pdfContentLoadingLabel: ne,
+			pdfContentErrorLabel: re,
+			pdfContentRetryLabel: ie,
+			xlsxFormulaLabel: ae,
+			codeContentLoadingLabel: oe,
+			codeContentErrorLabel: A,
+			codeContentRetryLabel: j,
+			tableCopyCsvLabel: M,
+			tableCopyTxtLabel: P,
+			tableCopyMarkdownLabel: F,
+			tableCopiedLabel: I,
+			tableDownloadCsvLabel: L,
+			ooxmlHighlightsLabel: R,
+			ooxmlHighlightNavigatedLabel: se
 		},
-		onDownload: ce,
-		onCopyText: z.type === i.PlainText || z.type === i.Code ? U : void 0,
-		onCopyMarkdown: z.type === i.Markdown ? W : void 0,
-		onCopyJson: z.type === i.Json ? le : void 0,
-		tableDownloadFilename: s,
-		isMobile: t,
-		defaultWidth: n,
-		maxWidth: r,
-		codeBlockTheme: o,
-		configurePdfWorker: c
+		onDownload: U,
+		onCopyText: B.type === i.PlainText || B.type === i.Code ? ue : void 0,
+		onCopyMarkdown: B.type === i.Markdown ? de : void 0,
+		onCopyJson: B.type === i.Json ? W : void 0,
+		tableDownloadFilename: c,
+		isMobile: n,
+		defaultWidth: r,
+		maxWidth: o,
+		codeBlockTheme: s,
+		configurePdfWorker: u,
+		loadPdf: l
 	});
 }), $e = {
 	frame: "_frame_g47g7_1",
@@ -1226,24 +1229,24 @@ var Xe = ({ children: e }) => {
 	title: "_title_g47g7_10"
 }, et = M(({ content: e, height: t, onExpand: n, expandAriaLabel: r, actionsGroupAriaLabel: i = "Visualizer actions", frameTitle: a, loadingLabel: o, errorLabel: s, titleClassName: c = "dial-small-semi-text", colors: l }) => {
 	let u = e.visualizerName.trim();
-	return /* @__PURE__ */ H("div", {
+	return /* @__PURE__ */ B("div", {
 		className: g("flex w-full min-w-0 flex-col overflow-hidden rounded-xl border", $e.frame),
 		style: m({
 			"--igv-bg": l?.background,
 			"--igv-border": l?.border,
 			"--igv-title-text": l?.titleText
 		}),
-		children: [/* @__PURE__ */ H("div", {
+		children: [/* @__PURE__ */ B("div", {
 			className: g("flex min-h-10 items-center justify-between gap-2 border-b px-4 py-2", $e.header),
-			children: [/* @__PURE__ */ V("span", {
+			children: [/* @__PURE__ */ z("span", {
 				className: g("min-w-0 truncate", c, $e.title),
 				children: u
-			}), /* @__PURE__ */ V("div", {
+			}), /* @__PURE__ */ z("div", {
 				role: "toolbar",
 				"aria-label": i,
 				className: "flex items-center gap-1",
-				children: /* @__PURE__ */ V(w, {
-					icon: /* @__PURE__ */ V(O, {
+				children: /* @__PURE__ */ z(w, {
+					icon: /* @__PURE__ */ z(O, {
 						size: x.SM,
 						stroke: S,
 						"aria-hidden": !0
@@ -1253,10 +1256,10 @@ var Xe = ({ children: e }) => {
 					onClick: n
 				})
 			})]
-		}), /* @__PURE__ */ V("div", {
+		}), /* @__PURE__ */ z("div", {
 			className: "w-full",
 			style: { height: `${t}px` },
-			children: /* @__PURE__ */ V(De, {
+			children: /* @__PURE__ */ z(Oe, {
 				content: e,
 				loadingLabel: o,
 				errorLabel: s,
@@ -1387,4 +1390,4 @@ var Xe = ({ children: e }) => {
 	]) };
 };
 //#endregion
-export { Ne as AttachmentCanvas, je as AttachmentCanvasBody, Qe as AttachmentCanvasContainer, Xe as AttachmentCanvasProvider, i as AttachmentContentType, n as AttachmentErrorType, pe as CodeContent, et as InlineGroupedVisualizer, be as McpAppCanvasRenderer, r as OoxmlFileType, t as OoxmlHighlightKind, Ge as createForbiddenCanvasContent, We as createLoadErrorCanvasContent, $ as createUnsupportedCanvasContent, a as downloadAttachmentContent, Ue as extensionToLanguage, nt as findVisualizerForApplication, tt as findVisualizerForMime, Q as getOoxmlFileType, ze as getOoxmlMimeType, rt as groupedVisualizerCanvasKey, o as isDownloadable, Ve as isHtmlPreviewable, Re as isOoxmlPreviewable, Be as isTextPreviewable, it as partitionAttachmentsForApplicationVisualizer, Ze as useAttachmentCanvas, ot as useOpenAttachmentCanvas };
+export { Pe as AttachmentCanvas, Me as AttachmentCanvasBody, Qe as AttachmentCanvasContainer, Xe as AttachmentCanvasProvider, i as AttachmentContentType, n as AttachmentErrorType, me as CodeContent, et as InlineGroupedVisualizer, xe as McpAppCanvasRenderer, r as OoxmlFileType, t as OoxmlHighlightKind, Ge as createForbiddenCanvasContent, We as createLoadErrorCanvasContent, $ as createUnsupportedCanvasContent, a as downloadAttachmentContent, Ue as extensionToLanguage, nt as findVisualizerForApplication, tt as findVisualizerForMime, Q as getOoxmlFileType, ze as getOoxmlMimeType, rt as groupedVisualizerCanvasKey, o as isDownloadable, Ve as isHtmlPreviewable, Re as isOoxmlPreviewable, Be as isTextPreviewable, it as partitionAttachmentsForApplicationVisualizer, Ze as useAttachmentCanvas, ot as useOpenAttachmentCanvas };