@epam/ai-dial-attachment-canvas 1.2.0-dev.112 → 1.2.0-dev.116

package/components/AttachmentCanvasContainer/AttachmentCanvasContainer.d.ts

@@ -15,6 +15,8 @@ export interface AttachmentCanvasContainerProps {
     codeBlockTheme?: CodeBlockTheme;
     /** Filename used when downloading a `MarkdownTable`'s content as CSV. Defaults to `'table.csv'`. */
     tableDownloadFilename?: string;
+    /** Host-owned PDF loader. When omitted, the viewer fetches the URL with browser defaults. */
+    loadPdf?: (url: string) => Promise<Blob>;
     /**
      * Configures `pdfjs-dist`'s worker (`GlobalWorkerOptions.workerSrc`) for the
      * host app. Called once, the first time a PDF attachment is opened, and

package/components/AttachmentCanvasContainer/AttachmentCanvasContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentCanvasContainer.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentCanvasContainer/AttachmentCanvasContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAqB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EACV,sBAAsB,EAKvB,MAAM,gCAAgC,CAAC;AAKxC,yDAAyD;AACzD,MAAM,WAAW,8BAA8B;IAC7C,8DAA8D;IAC9D,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC,mGAAmG;IACnG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uGAAuG;IACvG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8EAA8E;IAC9E,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,oGAAoG;IACpG,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;;;;;;;;;OAUG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACjD;AAED,yFAAyF;AACzF,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,8BAA8B,CA8ItE,CAAC"}
+{"version":3,"file":"AttachmentCanvasContainer.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentCanvasContainer/AttachmentCanvasContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAqB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EACV,sBAAsB,EAKvB,MAAM,gCAAgC,CAAC;AAKxC,yDAAyD;AACzD,MAAM,WAAW,8BAA8B;IAC7C,8DAA8D;IAC9D,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC,mGAAmG;IACnG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uGAAuG;IACvG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8EAA8E;IAC9E,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,oGAAoG;IACpG,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,6FAA6F;IAC7F,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACzC;;;;;;;;;;OAUG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACjD;AAED,yFAAyF;AACzF,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,8BAA8B,CAgJtE,CAAC"}

package/index.js

@@ -4,8 +4,8 @@ import { AttachmentType as c, CodeBlockTheme as l, DEFAULT_MARKDOWN_CLASS_NAMES
 import { SidebarOrientation as y, SidebarPanel as b } from "@epam/ai-dial-sidebar";
 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 ce } from "react-json-view-lite";
+import { createContext as A, lazy as j, memo as M, useCallback as N, useContext as se, useEffect as P, useMemo as F, useRef as I, useState as L } from "react";
+import { JsonView as R, 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 ue } from "@modelcontextprotocol/ext-apps/app-bridge";
@@ -22,7 +22,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 	let { Prism: e } = await import("react-syntax-highlighter");
 	return { default: e };
 }), ge = M(({ content: e, codeBlockTheme: t = l.Light, labels: n }) => {
-	let { text: r, language: i } = e, a = i == null || i === "plaintext", o = he[t], c = t === l.Light, [u, d] = R(0), f = I(U, [u]), p = N(() => {
+	let { text: r, language: i } = e, a = i == null || i === "plaintext", o = he[t], c = t === l.Light, [u, d] = L(0), f = F(U, [u]), p = N(() => {
 		d((e) => e + 1);
 	}, []), m = /* @__PURE__ */ z("pre", {
 		className: "whitespace-pre-wrap break-words p-4",
@@ -55,8 +55,8 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 		})
 	});
 }), _e = { openInNewTabButton: "_openInNewTabButton_c1arc_1" }, ve = 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(() => {
+	let { htmlFrameBlockedLabel: s = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: c = "Open in new tab" } = t, [l, u] = L(!0), [d, f] = L(!1), p = I(null);
+	P(() => {
 		u(!0), f(!1);
 	}, [e]);
 	let m = N((t) => {
@@ -131,12 +131,12 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 	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`));
 }, Ce = (e, t, n) => {
-	let r = L(e);
-	F(() => {
+	let r = I(e);
+	P(() => {
 		r.current = e;
 	});
-	let [i, a] = R(null), [o, s] = R(!1);
-	return F(() => {
+	let [i, a] = L(null), [o, s] = L(!1);
+	return P(() => {
 		let e = null;
 		try {
 			let n = t.current?.getBoundingClientRect(), i = n != null && n.width > 0 && n.height > 0 ? {
@@ -162,7 +162,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 		return () => {
 			e?.close().catch((e) => console.error("[useMcpAppBridge] Error closing AppBridge:", e));
 		};
-	}, [t]), F(() => {
+	}, [t]), P(() => {
 		i != null && i.transport != null && n != null && i.setHostContext(n);
 	}, [i, n]), {
 		appBridge: i,
@@ -176,8 +176,8 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 	statusDetail: "_statusDetail_iea4a_38",
 	errorIcon: "_errorIcon_iea4a_42"
 }, we = ({ content: e, errorLabel: t = "Failed to load app", onAppInfo: n }) => {
-	let [r, i] = R("loading"), [a, o] = R(), { html: s, sandboxUrl: c, toolInput: l, toolResult: u, hostContext: d } = e, f = I(() => ({ url: new URL(c) }), [c]), p = d?.displayMode === "fullscreen", m = L(null), [h, _] = R();
-	F(() => {
+	let [r, i] = L("loading"), [a, o] = L(), { html: s, sandboxUrl: c, toolInput: l, toolResult: u, hostContext: d } = e, f = F(() => ({ url: new URL(c) }), [c]), p = d?.displayMode === "fullscreen", m = I(null), [h, _] = L();
+	P(() => {
 		let e = m.current;
 		if (!e) return;
 		let t = new ResizeObserver(([e]) => {
@@ -190,7 +190,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 		});
 		return t.observe(e), () => t.disconnect();
 	}, []);
-	let { appBridge: v, hasFailed: y } = Ce(e, m, I(() => d == null || h == null ? d : {
+	let { appBridge: v, hasFailed: y } = Ce(e, m, F(() => d == null || h == null ? d : {
 		...d,
 		containerDimensions: h
 	}, [d, h])), b = y || r === "error";
@@ -362,10 +362,10 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 		}
 	}
 }, Oe = class extends Error {}, ke = ({ 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);
+	let l = I(null), [u, d] = L(!0), [f, p] = L(!1), [m, h] = L(""), [_, v] = L([]), [y, b] = L(!1), { highlights: x, selectedHighlightId: C } = t, w = x != null && x.length > 0, T = I(void 0), O = I(x);
 	O.current = x;
-	let k = L(void 0);
-	return F(() => {
+	let k = I(void 0);
+	return P(() => {
 		let e = l.current;
 		if (e == null) return;
 		let n, r, i = !1, a, o = () => i;
@@ -426,9 +426,9 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 		t.format,
 		t.url,
 		w
-	]), F(() => {
+	]), P(() => {
 		k.current?.();
-	}, [x]), F(() => {
+	}, [x]), P(() => {
 		b(!1);
 		let t = T.current;
 		if (t == null || u) return;
@@ -521,8 +521,8 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 	statusLabel: "_statusLabel_12637_5",
 	errorIcon: "_errorIcon_12637_9"
 }, je = ({ 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 o = I(null), [s, c] = L("loading"), { url: l, visualizerName: u, requestTimeout: d } = e, f = I(e);
+	return f.current = e, P(() => {
 		let e = o.current;
 		if (!e) return;
 		c("loading");
@@ -559,7 +559,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 		l,
 		u,
 		d
-	]), F(() => {
+	]), P(() => {
 		let e = r ?? u.trim();
 		e !== "" && o.current?.querySelector("iframe")?.setAttribute("title", e);
 	}, [
@@ -617,8 +617,8 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 	jsonCollapseIcon: "_jsonCollapseIcon_13ogb_67",
 	jsonCollapsedContent: "_jsonCollapsedContent_13ogb_84"
 }, Me = () => j(async () => ({ default: (await import("./PdfContent-BoAtghsO.js")).PdfContent })), Ne = ({ url: e, fileName: t, loadErrorLabel: n }) => {
-	let [r, i] = R(!1);
-	return F(() => {
+	let [r, i] = L(!1);
+	return P(() => {
 		i(!1);
 	}, [e]), r ? /* @__PURE__ */ B("div", {
 		className: "flex flex-col items-center gap-2",
@@ -640,10 +640,10 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 	i.PlainText,
 	i.Code,
 	i.Ooxml
-]), Fe = 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, tableCopyLabel: te, tableCopiedLabel: ne, tableDownloadCsvLabel: re, ooxmlHighlightsLabel: ae, ooxmlHighlightNavigatedLabel: oe } = {}, styles: A, codeBlockTheme: j, tableDownloadFilename: M, loadPdf: P, hidePdfToolbar: F = !1, configurePdfWorker: L, onAppInfo: le }) => {
-	let { colors: V, typography: H, bodyClassName: ue, cssVars: de } = A ?? {}, [fe, pe] = R(0), me = I(Me, [fe]), he = N(() => {
+]), Fe = 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, tableCopyLabel: te, tableCopiedLabel: ne, tableDownloadCsvLabel: re, ooxmlHighlightsLabel: ae, ooxmlHighlightNavigatedLabel: oe } = {}, styles: A, codeBlockTheme: j, tableDownloadFilename: M, loadPdf: se, hidePdfToolbar: P = !1, configurePdfWorker: I, onAppInfo: le }) => {
+	let { colors: V, typography: H, bodyClassName: ue, cssVars: de } = A ?? {}, [fe, pe] = L(0), me = F(Me, [fe]), he = N(() => {
 		pe((e) => e + 1);
-	}, []), U = H?.fontClassName != null, _e = I(() => ({
+	}, []), U = H?.fontClassName != null, _e = F(() => ({
 		...m({
 			"--ac-text": V?.text,
 			"--ac-status-text": V?.statusText,
@@ -675,7 +675,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 			"--ac-letter-spacing": U ? void 0 : H?.letterSpacing
 		}),
 		...de
-	}), [A]), ye = I(() => {
+	}), [A]), ye = F(() => {
 		switch (e.type) {
 			case i.Image:
 			case i.Audio:
@@ -693,7 +693,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 			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]), be = I(() => {
+	}, [e.type]), be = F(() => {
 		switch (e.type) {
 			case i.PlainText: return /* @__PURE__ */ z("pre", {
 				className: g("whitespace-pre-wrap break-words", K.body, H?.fontClassName),
@@ -743,7 +743,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 				className: "h-full overflow-auto",
 				children: /* @__PURE__ */ z("div", {
 					className: g("m-3 overflow-auto rounded-md border", K.jsonWrapper),
-					children: /* @__PURE__ */ z(se, {
+					children: /* @__PURE__ */ z(R, {
 						data: e.value,
 						style: {
 							container: g("whitespace-pre-wrap break-words p-2", H?.jsonClassName ?? "dial-code-text"),
@@ -798,9 +798,9 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 					highlights: e.highlights ?? [],
 					selectedHighlightId: e.selectedHighlightId,
 					selectedPageNumber: e.page,
-					loadPdf: P,
-					hideHeader: F,
-					configurePdfWorker: L,
+					loadPdf: se,
+					hideHeader: P,
+					configurePdfWorker: I,
 					labels: {
 						thumbnailsLabel: _,
 						showThumbnailsLabel: v,
@@ -864,9 +864,9 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 		h,
 		a,
 		M,
+		se,
 		P,
-		F,
-		L,
+		I,
 		le,
 		_,
 		v,
@@ -896,24 +896,24 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 }), Ie = {
 	mcpAppDivider: "_mcpAppDivider_1jh5p_1",
 	mcpAppVersion: "_mcpAppVersion_1jh5p_5"
-}, Le = 2e3, Re = 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: 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: se, pdfHideThumbnailsLabel: ce, pdfPageNumberLabel: V, pdfContentLoadingLabel: H, pdfContentErrorLabel: ue, pdfContentRetryLabel: de, xlsxFormulaLabel: fe, codeContentLoadingLabel: me, codeContentErrorLabel: he, codeContentRetryLabel: U, tableCopyLabel: ge, tableCopiedLabel: _e, tableDownloadCsvLabel: ve, ooxmlHighlightsLabel: ye, ooxmlHighlightNavigatedLabel: be }, onDownload: xe, onCopyText: Se, onCopyMarkdown: Ce, onCopyJson: W, tableDownloadFilename: we, isMobile: G = !1, defaultWidth: Te, minWidth: Ee = 600, maxWidth: De = 1500, onResizeStop: Oe, styles: ke, codeBlockTheme: Ae, loadPdf: je, configurePdfWorker: K }) => {
-	let [Me, Ne] = R(!1), [Pe, Re] = R(!1), [ze, q] = R(!1), [J, Be] = R(!1), [Ve, He] = R(void 0), Y = L(null), X = L(null), Z = L(null), Ue = N(() => {
+}, Le = 2e3, Re = 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: 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: se, pdfShowThumbnailsLabel: R, pdfHideThumbnailsLabel: ce, pdfPageNumberLabel: V, pdfContentLoadingLabel: H, pdfContentErrorLabel: ue, pdfContentRetryLabel: de, xlsxFormulaLabel: fe, codeContentLoadingLabel: me, codeContentErrorLabel: he, codeContentRetryLabel: U, tableCopyLabel: ge, tableCopiedLabel: _e, tableDownloadCsvLabel: ve, ooxmlHighlightsLabel: ye, ooxmlHighlightNavigatedLabel: be }, onDownload: xe, onCopyText: Se, onCopyMarkdown: Ce, onCopyJson: W, tableDownloadFilename: we, isMobile: G = !1, defaultWidth: Te, minWidth: Ee = 600, maxWidth: De = 1500, onResizeStop: Oe, styles: ke, codeBlockTheme: Ae, loadPdf: je, configurePdfWorker: K }) => {
+	let [Me, Ne] = L(!1), [Pe, Re] = L(!1), [ze, q] = L(!1), [J, Be] = L(!1), [Ve, He] = L(void 0), Y = I(null), X = I(null), Z = I(null), Ue = N(() => {
 		Se?.(), Y.current != null && clearTimeout(Y.current), Ne(!0), Y.current = setTimeout(() => Ne(!1), Le);
 	}, [Se]), We = N(() => {
 		Ce?.(), X.current != null && clearTimeout(X.current), Re(!0), X.current = setTimeout(() => Re(!1), Le);
 	}, [Ce]), Ge = N(() => {
 		W?.(), Z.current != null && clearTimeout(Z.current), q(!0), Z.current = setTimeout(() => q(!1), Le);
 	}, [W]);
-	F(() => () => {
+	P(() => () => {
 		Y.current != null && clearTimeout(Y.current), X.current != null && clearTimeout(X.current), Z.current != null && clearTimeout(Z.current);
 	}, []);
 	let Ke = N(() => {
 		Be((e) => !e);
 	}, []);
-	F(() => {
+	P(() => {
 		Be(!1), He(void 0);
 	}, [r]);
-	let { className: Q, panelStyles: qe, ...Je } = ke ?? {}, { colors: $, typography: Ye } = Je, Xe = I(() => m({
+	let { className: Q, panelStyles: qe, ...Je } = ke ?? {}, { colors: $, typography: Ye } = Je, Xe = F(() => m({
 		"--ac-mcp-app-divider": $?.mcpAppDividerColor,
 		"--ac-mcp-app-version": $?.mcpAppVersionColor
 	}), [$?.mcpAppDividerColor, $?.mcpAppVersionColor]), Ze = r.type === i.McpApp && Ve != null ? /* @__PURE__ */ B("span", {
@@ -1027,8 +1027,8 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 				visualizerErrorLabel: C,
 				htmlFrameBlockedLabel: O,
 				htmlOpenInNewTabLabel: ie,
-				pdfThumbnailsLabel: P,
-				pdfShowThumbnailsLabel: se,
+				pdfThumbnailsLabel: se,
+				pdfShowThumbnailsLabel: R,
 				pdfHideThumbnailsLabel: ce,
 				pdfPageNumberLabel: V,
 				pdfContentLoadingLabel: H,
@@ -1157,18 +1157,18 @@ var pe = { panel: "dial-attachment-canvas-panel" }, me = {
 }, Ze = A(void 0);
 Ze.displayName = "AttachmentCanvasContext";
 var Qe = ({ children: e }) => {
-	let [t, n] = R(!1), [r, i] = R(!1), [a, o] = R(Xe), [s, c] = R(void 0), [l, u] = R(void 0), d = N((e, t) => {
+	let [t, n] = L(!1), [r, i] = L(!1), [a, o] = L(Xe), [s, c] = L(void 0), [l, u] = L(void 0), d = N((e, t) => {
 		c(e), u(t), i(!0), n(!0);
 	}, []), f = N((e, t, r) => {
 		o(e), c(t), u(r), i(!1), n(!0);
 	}, []), p = N(() => {
 		o(Xe), n(!1), i(!1), u(void 0);
 	}, []);
-	return F(() => () => {
+	return P(() => () => {
 		let e = $(a);
 		e != null && URL.revokeObjectURL(e);
 	}, [a]), /* @__PURE__ */ z(Ze.Provider, {
-		value: I(() => ({
+		value: F(() => ({
 			isOpen: t,
 			isLoading: r,
 			content: a,
@@ -1190,69 +1190,70 @@ var Qe = ({ children: e }) => {
 		children: e
 	});
 }, $e = () => {
-	let e = P(Ze);
+	let e = se(Ze);
 	if (!e) throw Error("useAttachmentCanvas must be used within an AttachmentCanvasProvider");
 	return e;
-}, et = 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, tableCopyLabel: A, tableCopiedLabel: j, tableDownloadCsvLabel: M, ooxmlHighlightsLabel: P, ooxmlHighlightNavigatedLabel: F } = e ?? {}, { isOpen: I, isLoading: L, content: R, fileName: se, closeCanvas: ce } = $e(), le = N(() => {
-		a(R, se);
-	}, [R, se]), B = N(() => {
+}, et = M(({ labels: e, isMobile: t = !1, defaultWidth: n, maxWidth: r, codeBlockTheme: o, tableDownloadFilename: s, loadPdf: c, configurePdfWorker: l }) => {
+	let { ariaLabel: u = "Attachment preview", closeLabel: d = "Close", downloadLabel: f = "Download", unsupportedLabel: p = "Preview is not supported for this file", loadErrorLabel: m = "Failed to load file", forbiddenErrorLabel: g = "You don't have permission to access this file", copyTextLabel: _, copiedTextLabel: v, copyMarkdownLabel: y, copiedMarkdownLabel: b, copyJsonLabel: x, copiedJsonLabel: S, htmlFrameBlockedLabel: C, htmlOpenInNewTabLabel: w, htmlViewSourceLabel: T, htmlViewRenderedLabel: E, pdfThumbnailsLabel: D, pdfShowThumbnailsLabel: O, pdfHideThumbnailsLabel: k, pdfPageNumberLabel: ee, pdfContentLoadingLabel: te, pdfContentErrorLabel: ne, pdfContentRetryLabel: re, xlsxFormulaLabel: ie, codeContentLoadingLabel: ae, codeContentErrorLabel: oe, codeContentRetryLabel: A, tableCopyLabel: j, tableCopiedLabel: M, tableDownloadCsvLabel: se, ooxmlHighlightsLabel: P, ooxmlHighlightNavigatedLabel: F } = e ?? {}, { isOpen: I, isLoading: L, content: R, fileName: ce, closeCanvas: le } = $e(), B = N(() => {
+		a(R, ce);
+	}, [R, ce]), V = N(() => {
 		(R.type === i.PlainText || R.type === i.Code) && h(R.text);
-	}, [R]), V = N(() => {
-		R.type === i.Markdown && h(R.text);
 	}, [R]), H = N(() => {
+		R.type === i.Markdown && h(R.text);
+	}, [R]), ue = N(() => {
 		R.type === i.Json && h(JSON.stringify(R.value, null, 2));
 	}, [R]);
 	return /* @__PURE__ */ z(Re, {
 		isOpen: I,
 		isLoading: L,
-		onClose: ce,
+		onClose: le,
 		content: R,
-		fileName: se,
+		fileName: ce,
 		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,
-			tableCopyLabel: A,
-			tableCopiedLabel: j,
-			tableDownloadCsvLabel: M,
+			ariaLabel: u,
+			closeLabel: d,
+			downloadLabel: f,
+			copyTextLabel: _,
+			copiedTextLabel: v,
+			copyMarkdownLabel: y,
+			copiedMarkdownLabel: b,
+			copyJsonLabel: x,
+			copiedJsonLabel: S,
+			unsupportedLabel: p,
+			loadErrorLabel: m,
+			forbiddenErrorLabel: g,
+			htmlFrameBlockedLabel: C,
+			htmlOpenInNewTabLabel: w,
+			htmlViewSourceLabel: T,
+			htmlViewRenderedLabel: E,
+			pdfThumbnailsLabel: D,
+			pdfShowThumbnailsLabel: O,
+			pdfHideThumbnailsLabel: k,
+			pdfPageNumberLabel: ee,
+			pdfContentLoadingLabel: te,
+			pdfContentErrorLabel: ne,
+			pdfContentRetryLabel: re,
+			xlsxFormulaLabel: ie,
+			codeContentLoadingLabel: ae,
+			codeContentErrorLabel: oe,
+			codeContentRetryLabel: A,
+			tableCopyLabel: j,
+			tableCopiedLabel: M,
+			tableDownloadCsvLabel: se,
 			ooxmlHighlightsLabel: P,
 			ooxmlHighlightNavigatedLabel: F
 		},
-		onDownload: le,
-		onCopyText: R.type === i.PlainText || R.type === i.Code ? B : void 0,
-		onCopyMarkdown: R.type === i.Markdown ? V : void 0,
-		onCopyJson: R.type === i.Json ? H : void 0,
+		onDownload: B,
+		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 ? ue : void 0,
 		tableDownloadFilename: s,
 		isMobile: t,
 		defaultWidth: n,
 		maxWidth: r,
 		codeBlockTheme: o,
-		configurePdfWorker: c
+		configurePdfWorker: l,
+		loadPdf: c
 	});
 }), tt = {
 	frame: "_frame_g47g7_1",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-attachment-canvas",
   "description": "Canvas viewer for rendering attachment content — images, PDFs, Office documents, CSV, JSON, markdown, and plain text",
-  "version": "1.2.0-dev.112",
+  "version": "1.2.0-dev.116",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -29,10 +29,10 @@
     "@modelcontextprotocol/sdk": "^1.29.0",
     "@modelcontextprotocol/ext-apps": "1.7.5",
     "pdfjs-dist": "^5.4.149",
-    "@epam/ai-dial-sidebar": "1.2.0-dev.112"
+    "@epam/ai-dial-sidebar": "1.2.0-dev.116"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.2.0-dev.112",
+    "@epam/ai-dial-chat-shared": "1.2.0-dev.116",
     "@epam/ai-dial-ui-kit": "^0.15.0-dev.15",
     "react": "^19.2.8"
   },