@epam/ai-dial-attachment-canvas 1.3.0-dev.14 → 1.3.0-dev.141

package/index.js

@@ -8,9 +8,8 @@ import { createContext as M, lazy as N, memo as P, useCallback as F, useContext
 import { JsonView as se, defaultStyles as ce } from "react-json-view-lite";
 import { Fragment as le, jsx as B, jsxs as V } from "react/jsx-runtime";
 import { AppBridge as H, AppFrame as ue } from "@mcp-ui/client";
-import { McpUiHostContextChangedNotificationSchema as U } from "@modelcontextprotocol/ext-apps/app-bridge";
-import { VisualizerConnectorEvents as W, VisualizerConnectorRequests as de } from "@epam/ai-dial-shared";
-import { VisualizerConnector as fe } from "@epam/ai-dial-visualizer-connector";
+import { McpUiHostContextChangedNotificationSchema as de } from "@modelcontextprotocol/ext-apps/app-bridge";
+import { VisualizerConnector as U, VisualizerConnectorEvents as W, VisualizerConnectorRequests as fe } from "@epam/ai-dial-visualizer-connector";
 //#region src/constants/public-class-names.ts
 var pe = { panel: "dial-attachment-canvas-panel" }, G = {
 	container: "_container_1nhig_1",
@@ -25,7 +24,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, G = {
 	let { text: r, language: i } = e, a = L(() => g(r), [r]), o = i == null || i === "plaintext" || !a, c = K[t], u = t === l.Light, [d, f] = z(0), p = L(me, [d]), m = F(() => {
 		f((e) => e + 1);
 	}, []), h = /* @__PURE__ */ B("pre", {
-		className: "whitespace-pre-wrap break-words p-4",
+		className: "p-4 wrap-break-word whitespace-pre-wrap",
 		children: r
 	});
 	return /* @__PURE__ */ B("div", {
@@ -96,9 +95,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, G = {
 				type: ge,
 				html: ee
 			}, "*"));
-			return;
-		}
-		if (!(k || O)) try {
+		} else if (!(k || O)) try {
 			b.current?.contentDocument ?? f(!0);
 		} catch {
 			f(!0);
@@ -198,7 +195,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, G = {
 			}, 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(U, ({ params: e }) => {
+			}, e.oncalltool = (e) => r.current.onToolCall(e.name, e.arguments), e.setNotificationHandler(de, ({ params: e }) => {
 				let n = t.current?.querySelector("iframe");
 				n != null && Se(n, e.containerDimensions, r.current.hostContext?.displayMode === "fullscreen");
 			}), a(e);
@@ -242,7 +239,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, G = {
 	}, [d, h])), b = y || r === "error";
 	return /* @__PURE__ */ V("div", {
 		ref: m,
-		className: _("relative h-full min-h-[200px] w-full", p && q.fullscreenFrame, !p && r === "loading" && q.loadingFrame),
+		className: _("relative h-full w-full", b ? "min-h-[160px]" : "min-h-[100px]", p && q.fullscreenFrame, !p && r === "loading" && q.loadingFrame),
 		children: [
 			v != null && !b && /* @__PURE__ */ B(ue, {
 				html: s,
@@ -347,7 +344,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, G = {
 			let [{ DocxDocument: n, DocxScrollViewer: r }, { chartEx: o }, { createDocxHighlightSurface: c }] = await Promise.all([
 				import("@silurus/ooxml/docx"),
 				import("@silurus/ooxml/chart-ex"),
-				import("./ooxml-highlight-surfaces-BzgOKpBV.js")
+				import("./ooxml-highlight-surfaces-C18JJb0P.js")
 			]), l = await n.load(t.url, { chartEx: o });
 			if (i()) throw l.destroy(), new De();
 			let u = r.fromDocument(e, l, {
@@ -367,7 +364,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, G = {
 			let [{ PptxPresentation: n, PptxScrollViewer: r }, { chartEx: o }, { createPptxHighlightSurface: c }] = await Promise.all([
 				import("@silurus/ooxml/pptx"),
 				import("@silurus/ooxml/chart-ex"),
-				import("./ooxml-highlight-surfaces-BzgOKpBV.js")
+				import("./ooxml-highlight-surfaces-C18JJb0P.js")
 			]), l = await n.load(t.url, { chartEx: o });
 			if (i()) throw l.destroy(), new De();
 			let u = r.fromPresentation(e, l, {
@@ -387,7 +384,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, G = {
 			let [{ XlsxViewer: n }, { chartEx: r }, { createXlsxHighlightSurface: c }] = await Promise.all([
 				import("@silurus/ooxml/xlsx"),
 				import("@silurus/ooxml/chart-ex"),
-				import("./ooxml-highlight-surfaces-BzgOKpBV.js")
+				import("./ooxml-highlight-surfaces-C18JJb0P.js")
 			]), l = new n(e, {
 				showZoomSlider: !0,
 				chartEx: r,
@@ -507,7 +504,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, G = {
 					dir: "ltr",
 					tabIndex: 0,
 					"aria-live": "polite",
-					className: _("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: _("h-8 min-w-0 flex-1 overflow-x-auto rounded border px-2 py-1 text-sm whitespace-nowrap focus-visible:outline focus-visible:outline-focus", J.formulaValue),
 					children: m
 				})]
 			}),
@@ -566,15 +563,11 @@ var pe = { panel: "dial-attachment-canvas-panel" }, G = {
 	let n = e.toLowerCase();
 	return t.find((e) => e.contentType.split(",").some((e) => e.trim().toLowerCase() === n && e.trim() !== ""));
 }, Ae = (e, t) => {
-	if (!(e == null || e === "")) return Object.prototype.hasOwnProperty.call(t, e) ? t[e] : void 0;
+	if (e != null && e !== "") return Object.prototype.hasOwnProperty.call(t, e) ? t[e] : void 0;
 }, je = (e) => `${e}:grouped-visualizer`, Me = (e, t) => {
 	let n = (t.contentType ?? "").split(",").map((e) => e.trim().toLowerCase()).filter((e) => e !== ""), r = [], i = [];
 	return e.forEach((e) => {
-		if (e.url != null && e.url !== "" && (n.length === 0 || n.includes(e.contentType.toLowerCase()))) {
-			r.push(e);
-			return;
-		}
-		i.push(e);
+		e.url != null && e.url !== "" && (n.length === 0 || n.includes(e.contentType.toLowerCase())) ? r.push(e) : i.push(e);
 	}), {
 		claimed: r,
 		unclaimed: i
@@ -595,19 +588,18 @@ var pe = { panel: "dial-attachment-canvas-panel" }, G = {
 		let e = s.current;
 		if (!e) return;
 		l("loading");
-		let t = new fe(e, {
+		let t = new U(e, {
 			domain: u,
-			hostDomain: window.location.origin,
 			visualizerName: d,
 			requestTimeout: f
-		}), n = !0, r = t.subscribe(`${d}/${W.sendMessage}`, (e) => {
+		}), n = !0, r = t.subscribe(`${d}/${W.SendMessage}`, (e) => {
 			let t = Ne(e);
 			t != null && h.current?.(t);
 		});
 		return (async () => {
 			if (await t.ready(), !n) return;
 			let e = p.current;
-			if (e.type === i.GroupedVisualizer) await t.send(de.sendGroupedVisualizeData, {
+			if (e.type === i.GroupedVisualizer) await t.send(fe.SendGroupedVisualizeData, {
 				attachments: e.attachments,
 				layout: e.layout
 			});
@@ -616,7 +608,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, G = {
 					layout: r,
 					...typeof i == "object" && i ? i : {}
 				};
-				await t.send(de.sendVisualizeData, {
+				await t.send(fe.SendVisualizeData, {
 					mimeType: n,
 					visualizerData: a
 				});
@@ -688,7 +680,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, G = {
 	jsonExpandIcon: "_jsonExpandIcon_13ogb_54",
 	jsonCollapseIcon: "_jsonCollapseIcon_13ogb_67",
 	jsonCollapsedContent: "_jsonCollapsedContent_13ogb_84"
-}, Ie = () => N(async () => ({ default: (await import("./PdfContent-ELaDSyFF.js")).PdfContent })), Le = ({ url: e, fileName: t, loadErrorLabel: n }) => {
+}, Ie = () => N(async () => ({ default: (await import("./PdfContent-Dp13pnPj.js")).PdfContent })), Le = ({ url: e, fileName: t, loadErrorLabel: n }) => {
 	let [r, i] = z(!1);
 	return I(() => {
 		i(!1);
@@ -708,11 +700,11 @@ var pe = { panel: "dial-attachment-canvas-panel" }, G = {
 		className: "max-h-full max-w-full object-contain",
 		onError: () => i(!0)
 	});
-}, Re = new Set([
+}, Re = /* @__PURE__ */ new Set([
 	i.PlainText,
 	i.Code,
 	i.Ooxml
-]), ze = P(({ 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: g, pdfShowThumbnailsLabel: v, pdfHideThumbnailsLabel: y, pdfPageNumberLabel: b, pdfContentLoadingLabel: x, pdfContentErrorLabel: S, pdfContentRetryLabel: w, xlsxFormulaLabel: T = "Formula", codeContentLoadingLabel: E, codeContentErrorLabel: k, codeContentRetryLabel: A, tableCopyLabel: ee, tableCopiedLabel: te, tableDownloadCsvLabel: ne, codeBlockCopyLabel: j, codeBlockCopiedLabel: ie, codeBlockDownloadLabel: ae, tableScrollRegionAriaLabel: M, mathScrollRegionAriaLabel: N, ooxmlHighlightsLabel: P, ooxmlHighlightNavigatedLabel: oe } = {}, styles: le, codeBlockTheme: H, tableDownloadFilename: ue, loadPdf: U, hidePdfToolbar: W = !1, configurePdfWorker: de, onAppInfo: fe, onVisualizerSendMessage: pe }) => {
+]), ze = P(({ 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: g, pdfShowThumbnailsLabel: v, pdfHideThumbnailsLabel: y, pdfPageNumberLabel: b, pdfContentLoadingLabel: x, pdfContentErrorLabel: S, pdfContentRetryLabel: w, xlsxFormulaLabel: T = "Formula", codeContentLoadingLabel: E, codeContentErrorLabel: k, codeContentRetryLabel: A, tableCopyLabel: ee, tableCopiedLabel: te, tableDownloadCsvLabel: ne, codeBlockCopyLabel: j, codeBlockCopiedLabel: ie, codeBlockDownloadLabel: ae, tableScrollRegionAriaLabel: M, mathScrollRegionAriaLabel: N, ooxmlHighlightsLabel: P, ooxmlHighlightNavigatedLabel: oe } = {}, styles: le, codeBlockTheme: H, tableDownloadFilename: ue, loadPdf: de, hidePdfToolbar: U = !1, configurePdfWorker: W, onAppInfo: fe, onVisualizerSendMessage: pe }) => {
 	let { colors: G, typography: K, bodyClassName: me, cssVars: ge } = le ?? {}, [_e, ye] = z(0), be = L(Ie, [_e]), xe = F(() => {
 		ye((e) => e + 1);
 	}, []), Se = R(void 0), [Ce, q] = z(0), J = F((e) => {
@@ -768,14 +760,14 @@ var pe = { panel: "dial-attachment-canvas-panel" }, G = {
 			case i.McpApp:
 			case i.Code:
 			case i.Html: return "h-full overflow-hidden";
-			case i.Markdown: return "h-full overflow-auto p-4";
+			case i.Markdown: return "h-full overflow-auto";
 			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]), De = L(() => {
 		switch (e.type) {
 			case i.PlainText: return /* @__PURE__ */ B("pre", {
-				className: _("whitespace-pre-wrap break-words", X.body, K?.fontClassName),
+				className: _("break-words whitespace-pre-wrap", X.body, K?.fontClassName),
 				children: e.text
 			});
 			case i.Image: return /* @__PURE__ */ B(Le, {
@@ -795,16 +787,19 @@ var pe = { panel: "dial-attachment-canvas-panel" }, G = {
 					type: e.mimeType
 				})
 			});
-			case i.Markdown: return /* @__PURE__ */ B(p, {
-				content: e.text,
-				isStreaming: !1,
-				codeBlockTheme: H,
-				codeBlockCopyLabel: j,
-				codeBlockCopiedLabel: ie,
-				codeBlockDownloadLabel: ae,
-				tableScrollRegionAriaLabel: M,
-				mathScrollRegionAriaLabel: N,
-				classNames: u
+			case i.Markdown: return /* @__PURE__ */ B("div", {
+				className: "p-4",
+				children: /* @__PURE__ */ B(p, {
+					content: e.text,
+					isStreaming: !1,
+					codeBlockTheme: H,
+					codeBlockCopyLabel: j,
+					codeBlockCopiedLabel: ie,
+					codeBlockDownloadLabel: ae,
+					tableScrollRegionAriaLabel: M,
+					mathScrollRegionAriaLabel: N,
+					classNames: u
+				})
 			});
 			case i.MarkdownTable: return /* @__PURE__ */ B(p, {
 				content: e.text,
@@ -888,10 +883,10 @@ var pe = { panel: "dial-attachment-canvas-panel" }, G = {
 					highlights: e.highlights ?? [],
 					selectedHighlightId: e.selectedHighlightId,
 					selectedPageNumber: e.page,
-					loadPdf: U,
+					loadPdf: de,
 					onLoadError: J,
-					hideHeader: W,
-					configurePdfWorker: de,
+					hideHeader: U,
+					configurePdfWorker: W,
 					labels: {
 						thumbnailsLabel: g,
 						showThumbnailsLabel: v,
@@ -957,9 +952,9 @@ var pe = { panel: "dial-attachment-canvas-panel" }, G = {
 		h,
 		a,
 		ue,
+		de,
 		U,
 		W,
-		de,
 		fe,
 		g,
 		v,
@@ -996,7 +991,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, G = {
 }), Be = {
 	mcpAppDivider: "_mcpAppDivider_1jh5p_1",
 	mcpAppVersion: "_mcpAppVersion_1jh5p_5"
-}, Ve = 2e3, He = P(({ 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: h = "Copy as Markdown", copiedMarkdownLabel: g = "Copied!", copyJsonLabel: v = "Copy as JSON", copiedJsonLabel: y = "Copied!", visualizerErrorLabel: w, unsupportedLabel: E = "Preview is not supported for this file", loadErrorLabel: D = "Failed to load file", forbiddenErrorLabel: O = "You don't have permission to access this file", htmlFrameBlockedLabel: k = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: re = "Open in new tab", htmlViewSourceLabel: M = "View source", htmlViewRenderedLabel: N = "View rendered", mcpAppReloadLabel: P = "Reload", pdfThumbnailsLabel: oe, pdfShowThumbnailsLabel: se, pdfHideThumbnailsLabel: ce, pdfPageNumberLabel: H, pdfContentLoadingLabel: ue, pdfContentErrorLabel: U, pdfContentRetryLabel: W, xlsxFormulaLabel: de, codeContentLoadingLabel: fe, codeContentErrorLabel: G, codeContentRetryLabel: K, tableCopyLabel: me, tableCopiedLabel: he, tableDownloadCsvLabel: ge, codeBlockCopyLabel: _e, codeBlockCopiedLabel: ve, codeBlockDownloadLabel: ye, tableScrollRegionAriaLabel: be, mathScrollRegionAriaLabel: xe, ooxmlHighlightsLabel: Se, ooxmlHighlightNavigatedLabel: Ce }, onDownload: q, onCopyText: we, onCopyMarkdown: J, onCopyJson: Y, tableDownloadFilename: Te, isMobile: Ee = !1, defaultWidth: De, minWidth: Oe = 600, maxWidth: ke = 1500, onResizeStop: Ae, styles: je, codeBlockTheme: Me, loadPdf: Ne, configurePdfWorker: Pe, onVisualizerSendMessage: Fe }) => {
+}, Ve = 2e3, He = P(({ 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: h = "Copy as Markdown", copiedMarkdownLabel: g = "Copied!", copyJsonLabel: v = "Copy as JSON", copiedJsonLabel: y = "Copied!", visualizerErrorLabel: w, unsupportedLabel: E = "Preview is not supported for this file", loadErrorLabel: D = "Failed to load file", forbiddenErrorLabel: O = "You don't have permission to access this file", htmlFrameBlockedLabel: k = "This page cannot be displayed in preview", htmlOpenInNewTabLabel: re = "Open in new tab", htmlViewSourceLabel: M = "View source", htmlViewRenderedLabel: N = "View rendered", mcpAppReloadLabel: P = "Reload", pdfThumbnailsLabel: oe, pdfShowThumbnailsLabel: se, pdfHideThumbnailsLabel: ce, pdfPageNumberLabel: H, pdfContentLoadingLabel: ue, pdfContentErrorLabel: de, pdfContentRetryLabel: U, xlsxFormulaLabel: W, codeContentLoadingLabel: fe, codeContentErrorLabel: G, codeContentRetryLabel: K, tableCopyLabel: me, tableCopiedLabel: he, tableDownloadCsvLabel: ge, codeBlockCopyLabel: _e, codeBlockCopiedLabel: ve, codeBlockDownloadLabel: ye, tableScrollRegionAriaLabel: be, mathScrollRegionAriaLabel: xe, ooxmlHighlightsLabel: Se, ooxmlHighlightNavigatedLabel: Ce }, onDownload: q, onCopyText: we, onCopyMarkdown: J, onCopyJson: Y, tableDownloadFilename: Te, isMobile: Ee = !1, defaultWidth: De, minWidth: Oe = 600, maxWidth: ke = 1500, onResizeStop: Ae, styles: je, codeBlockTheme: Me, loadPdf: Ne, configurePdfWorker: Pe, onVisualizerSendMessage: Fe }) => {
 	let [X, Ie] = z(!1), [Le, Re] = z(!1), [He, Ue] = z(!1), [Z, We] = z(!1), [Ge, Ke] = z(void 0), qe = R(null), Q = R(null), Je = R(null), Ye = F(() => {
 		we?.(), qe.current != null && clearTimeout(qe.current), Ie(!0), qe.current = setTimeout(() => Ie(!1), Ve);
 	}, [we]), Xe = F(() => {
@@ -1133,9 +1128,9 @@ var pe = { panel: "dial-attachment-canvas-panel" }, G = {
 				pdfHideThumbnailsLabel: ce,
 				pdfPageNumberLabel: H,
 				pdfContentLoadingLabel: ue,
-				pdfContentErrorLabel: U,
-				pdfContentRetryLabel: W,
-				xlsxFormulaLabel: de,
+				pdfContentErrorLabel: de,
+				pdfContentRetryLabel: U,
+				xlsxFormulaLabel: W,
 				codeContentLoadingLabel: fe,
 				codeContentErrorLabel: G,
 				codeContentRetryLabel: K,
@@ -1158,11 +1153,11 @@ var pe = { panel: "dial-attachment-canvas-panel" }, G = {
 			onVisualizerSendMessage: Fe
 		})
 	});
-}), Ue = new Set(["html", "htm"]), Z = {
+}), Ue = /* @__PURE__ */ new Set(["html", "htm"]), Z = {
 	docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
 	xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
 	pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation"
-}, We = 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(".")), Ge = {
+}, We = /* @__PURE__ */ 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(".")), Ge = {
 	docx: r.Docx,
 	xlsx: r.Xlsx,
 	pptx: r.Pptx,
@@ -1190,10 +1185,10 @@ var pe = { panel: "dial-attachment-canvas-panel" }, G = {
 	return n == null ? void 0 : qe[n];
 }, Xe = (e) => {
 	let t = e.lastIndexOf(".");
-	return t === -1 ? !1 : We.has(e.slice(t + 1).toLowerCase());
+	return t !== -1 && We.has(e.slice(t + 1).toLowerCase());
 }, Ze = (e) => {
 	let t = e.lastIndexOf(".");
-	return t === -1 ? !1 : Ue.has(e.slice(t + 1).toLowerCase());
+	return t !== -1 && Ue.has(e.slice(t + 1).toLowerCase());
 }, Qe = {
 	xml: "xml",
 	csv: "plaintext",
@@ -1254,7 +1249,7 @@ var pe = { panel: "dial-attachment-canvas-panel" }, G = {
 	errorType: n.Forbidden,
 	...e != null && { url: e }
 }), nt = (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;
+	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;
 }, rt = (e) => {
 	let t = nt(e);
 	t != null && URL.revokeObjectURL(t);
@@ -1300,74 +1295,75 @@ var ot = ({ children: e }) => {
 	let e = oe(at);
 	if (!e) throw Error("useAttachmentCanvas must be used within an AttachmentCanvasProvider");
 	return e;
-}, ct = P(({ labels: e, leftActions: t, isMobile: n = !1, defaultWidth: r, maxWidth: o, codeBlockTheme: s, tableDownloadFilename: c, loadPdf: l, configurePdfWorker: u, onVisualizerSendMessage: d }) => {
-	let { ariaLabel: f = "Attachment preview", closeLabel: p = "Close", downloadLabel: m = "Download", unsupportedLabel: g = "Preview is not supported for this file", loadErrorLabel: _ = "Failed to load file", forbiddenErrorLabel: v = "You don't have permission to access this file", copyTextLabel: y, copiedTextLabel: b, copyMarkdownLabel: x, copiedMarkdownLabel: S, copyJsonLabel: C, copiedJsonLabel: w, htmlFrameBlockedLabel: T, htmlOpenInNewTabLabel: E, htmlViewSourceLabel: D, htmlViewRenderedLabel: O, pdfThumbnailsLabel: k, pdfShowThumbnailsLabel: A, pdfHideThumbnailsLabel: ee, pdfPageNumberLabel: te, pdfContentLoadingLabel: ne, pdfContentErrorLabel: j, pdfContentRetryLabel: re, xlsxFormulaLabel: ie, codeContentLoadingLabel: ae, codeContentErrorLabel: M, codeContentRetryLabel: N, tableCopyLabel: P, tableCopiedLabel: oe, tableDownloadCsvLabel: I, codeBlockCopyLabel: L, codeBlockCopiedLabel: R, codeBlockDownloadLabel: z, tableScrollRegionAriaLabel: se, mathScrollRegionAriaLabel: ce, ooxmlHighlightsLabel: le, ooxmlHighlightNavigatedLabel: V } = e ?? {}, { isOpen: H, isLoading: ue, content: U, fileName: W, closeCanvas: de } = st(), fe = F(() => {
+}, ct = P(({ labels: e, leftActions: t, isMobile: n = !1, defaultWidth: r, minWidth: o, maxWidth: s, codeBlockTheme: c, tableDownloadFilename: l, loadPdf: u, configurePdfWorker: d, onVisualizerSendMessage: f }) => {
+	let { ariaLabel: p = "Attachment preview", closeLabel: m = "Close", downloadLabel: g = "Download", unsupportedLabel: _ = "Preview is not supported for this file", loadErrorLabel: v = "Failed to load file", forbiddenErrorLabel: y = "You don't have permission to access this file", copyTextLabel: b, copiedTextLabel: x, copyMarkdownLabel: S, copiedMarkdownLabel: C, copyJsonLabel: w, copiedJsonLabel: T, htmlFrameBlockedLabel: E, htmlOpenInNewTabLabel: D, htmlViewSourceLabel: O, htmlViewRenderedLabel: k, pdfThumbnailsLabel: A, pdfShowThumbnailsLabel: ee, pdfHideThumbnailsLabel: te, pdfPageNumberLabel: ne, pdfContentLoadingLabel: j, pdfContentErrorLabel: re, pdfContentRetryLabel: ie, xlsxFormulaLabel: ae, codeContentLoadingLabel: M, codeContentErrorLabel: N, codeContentRetryLabel: P, tableCopyLabel: oe, tableCopiedLabel: I, tableDownloadCsvLabel: L, codeBlockCopyLabel: R, codeBlockCopiedLabel: z, codeBlockDownloadLabel: se, tableScrollRegionAriaLabel: ce, mathScrollRegionAriaLabel: le, ooxmlHighlightsLabel: V, ooxmlHighlightNavigatedLabel: H } = e ?? {}, { isOpen: ue, isLoading: de, content: U, fileName: W, closeCanvas: fe } = st(), pe = F(() => {
 		a(U, W);
-	}, [U, W]), pe = F(() => {
+	}, [U, W]), G = F(() => {
 		(U.type === i.PlainText || U.type === i.Code) && h(U.text);
-	}, [U]), G = F(() => {
-		U.type === i.Markdown && h(U.text);
 	}, [U]), K = F(() => {
+		U.type === i.Markdown && h(U.text);
+	}, [U]), me = F(() => {
 		U.type === i.Json && h(JSON.stringify(U.value, null, 2));
 	}, [U]);
 	return /* @__PURE__ */ B(He, {
-		isOpen: H,
-		isLoading: ue,
-		onClose: de,
+		isOpen: ue,
+		isLoading: de,
+		onClose: fe,
 		content: U,
 		fileName: W,
 		leftActions: t,
 		labels: {
-			ariaLabel: f,
-			closeLabel: p,
-			downloadLabel: m,
-			copyTextLabel: y,
-			copiedTextLabel: b,
-			copyMarkdownLabel: x,
-			copiedMarkdownLabel: S,
-			copyJsonLabel: C,
-			copiedJsonLabel: w,
-			unsupportedLabel: g,
-			loadErrorLabel: _,
-			forbiddenErrorLabel: v,
-			htmlFrameBlockedLabel: T,
-			htmlOpenInNewTabLabel: E,
-			htmlViewSourceLabel: D,
-			htmlViewRenderedLabel: O,
-			pdfThumbnailsLabel: k,
-			pdfShowThumbnailsLabel: A,
-			pdfHideThumbnailsLabel: ee,
-			pdfPageNumberLabel: te,
-			pdfContentLoadingLabel: ne,
-			pdfContentErrorLabel: j,
-			pdfContentRetryLabel: re,
-			xlsxFormulaLabel: ie,
-			codeContentLoadingLabel: ae,
-			codeContentErrorLabel: M,
-			codeContentRetryLabel: N,
-			tableCopyLabel: P,
-			tableCopiedLabel: oe,
-			tableDownloadCsvLabel: I,
-			codeBlockCopyLabel: L,
-			codeBlockCopiedLabel: R,
-			codeBlockDownloadLabel: z,
-			tableScrollRegionAriaLabel: se,
-			mathScrollRegionAriaLabel: ce,
-			ooxmlHighlightsLabel: le,
-			ooxmlHighlightNavigatedLabel: V
+			ariaLabel: p,
+			closeLabel: m,
+			downloadLabel: g,
+			copyTextLabel: b,
+			copiedTextLabel: x,
+			copyMarkdownLabel: S,
+			copiedMarkdownLabel: C,
+			copyJsonLabel: w,
+			copiedJsonLabel: T,
+			unsupportedLabel: _,
+			loadErrorLabel: v,
+			forbiddenErrorLabel: y,
+			htmlFrameBlockedLabel: E,
+			htmlOpenInNewTabLabel: D,
+			htmlViewSourceLabel: O,
+			htmlViewRenderedLabel: k,
+			pdfThumbnailsLabel: A,
+			pdfShowThumbnailsLabel: ee,
+			pdfHideThumbnailsLabel: te,
+			pdfPageNumberLabel: ne,
+			pdfContentLoadingLabel: j,
+			pdfContentErrorLabel: re,
+			pdfContentRetryLabel: ie,
+			xlsxFormulaLabel: ae,
+			codeContentLoadingLabel: M,
+			codeContentErrorLabel: N,
+			codeContentRetryLabel: P,
+			tableCopyLabel: oe,
+			tableCopiedLabel: I,
+			tableDownloadCsvLabel: L,
+			codeBlockCopyLabel: R,
+			codeBlockCopiedLabel: z,
+			codeBlockDownloadLabel: se,
+			tableScrollRegionAriaLabel: ce,
+			mathScrollRegionAriaLabel: le,
+			ooxmlHighlightsLabel: V,
+			ooxmlHighlightNavigatedLabel: H
 		},
-		onDownload: fe,
-		onCopyText: U.type === i.PlainText || U.type === i.Code ? pe : void 0,
-		onCopyMarkdown: U.type === i.Markdown ? G : void 0,
-		onCopyJson: U.type === i.Json ? K : void 0,
-		tableDownloadFilename: c,
+		onDownload: pe,
+		onCopyText: U.type === i.PlainText || U.type === i.Code ? G : void 0,
+		onCopyMarkdown: U.type === i.Markdown ? K : void 0,
+		onCopyJson: U.type === i.Json ? me : void 0,
+		tableDownloadFilename: l,
 		isMobile: n,
 		defaultWidth: r,
-		maxWidth: o,
-		codeBlockTheme: s,
-		configurePdfWorker: u,
-		loadPdf: l,
-		onVisualizerSendMessage: d
+		minWidth: o,
+		maxWidth: s,
+		codeBlockTheme: c,
+		configurePdfWorker: d,
+		loadPdf: u,
+		onVisualizerSendMessage: f
 	});
 }), lt = {
 	frame: "_frame_1ys0b_1",
@@ -1455,28 +1451,28 @@ var ot = ({ children: e }) => {
 			case d.Markdown:
 			case d.MarkdownAlt: {
 				let i = await e.resolveMarkdownContent(t);
-				return i == null ? !1 : r(i, t.name, n);
+				return i != null && r(i, t.name, n);
 			}
 			case d.JSON: {
 				let i = await e.resolveJsonContent(t);
-				return i == null ? !1 : r(i, t.name, n);
+				return i != null && r(i, t.name, n);
 			}
 			case d.PDF: {
 				let i = await e.resolvePdfContent(t);
-				return i == null ? !1 : r(i, t.name, n);
+				return i != null && r(i, t.name, n);
 			}
 		}
 		let g = t.name != null && Ze(t.name) || t.url != null && Ze(dt(t.url));
 		if (t.name != null && !Xe(t.name) && !g) return r($(e.resolveContentUrl(t)), t.name, n);
 		if (g) {
 			let a = await e.resolveHtmlContent(t);
-			return a == null ? e.hasTextSource(t) ? r($(e.resolveContentUrl(t)), t.name, n) : t.url == null ? !1 : r({
+			return a == null ? e.hasTextSource(t) ? r($(e.resolveContentUrl(t)), t.name, n) : t.url != null && r({
 				type: i.Html,
 				url: t.url
 			}, t.name, n) : r(a, t.name, n);
 		}
 		let _ = await e.resolveCodeContent(t, $e(m));
-		return _ == null ? !1 : r(_, t.name, n);
+		return _ != null && r(_, t.name, n);
 	}, [
 		o,
 		s,
@@ -1487,11 +1483,11 @@ var ot = ({ children: e }) => {
 		switch (t.type) {
 			case c.Image: {
 				let r = e.resolveImageContent(t);
-				return r == null ? !1 : (l?.(), n(r, t.name, o), !0);
+				return r != null && (l?.(), n(r, t.name, o), !0);
 			}
 			case c.Audio: {
 				let e = t.playUrl ?? t.url;
-				return e == null ? !1 : (n({
+				return e != null && (n({
 					type: i.Audio,
 					url: e,
 					mimeType: t.contentType || void 0

package/models/attachment-canvas.d.ts

@@ -466,7 +466,7 @@ export interface AttachmentCanvasProps {
     isMobile?: boolean;
     /** Initial panel width in pixels (when resizable). Defaults to `min(maxWidth, 2/3 of viewport width)`. */
     defaultWidth?: number;
-    /** Minimum panel width in pixels (when resizable). Defaults to `320`. */
+    /** Minimum panel width in pixels (when resizable). Defaults to `600`. */
     minWidth?: number;
     /** Maximum panel width in pixels (when resizable). Defaults to `1500`. */
     maxWidth?: number;

package/{ooxml-highlight-surfaces-BzgOKpBV.js → ooxml-highlight-surfaces-C18JJb0P.js}

@@ -32,11 +32,7 @@ var n = 4 / 3, r = 9525, i = 2, a = 1, o = 0, s = 16, c = .25, l = () => {
 	let t = [...e].sort((e, t) => e.top - t.top || e.left - t.left), n = [];
 	for (let e of t) {
 		let t = n.at(-1), r = t != null && Math.abs(t.top - e.top) <= i && Math.abs(t.height - e.height) <= i, o = t != null && e.left <= t.left + t.width + a;
-		if (r && o) {
-			t.width = Math.max(t.left + t.width, e.left + e.width) - t.left, t.height = Math.max(t.height, e.height);
-			continue;
-		}
-		n.push({ ...e });
+		r && o ? (t.width = Math.max(t.left + t.width, e.left + e.width) - t.left, t.height = Math.max(t.height, e.height)) : n.push({ ...e });
 	}
 	return n;
 }, h = (e, t, n) => Math.min(Math.max(e, t), n), g = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]), _ = (e, t, n) => {
@@ -67,11 +63,7 @@ var n = 4 / 3, r = 9525, i = 2, a = 1, o = 0, s = 16, c = .25, l = () => {
 		let e = h(n - t.start, 0, t.end - t.start), i = o(t, e, h(r - t.start, e, t.end - t.start));
 		if (i == null) continue;
 		let c = s.get(t.surfaceIndex);
-		if (c == null) {
-			s.set(t.surfaceIndex, [i]);
-			continue;
-		}
-		c.push(i);
+		c == null ? s.set(t.surfaceIndex, [i]) : c.push(i);
 	}
 	for (let [e, t] of s) s.set(e, m(t));
 	return s;
@@ -118,7 +110,7 @@ var n = 4 / 3, r = 9525, i = 2, a = 1, o = 0, s = 16, c = .25, l = () => {
 	});
 }, x = (e) => e.rotation !== 0 || (e.textBodyRotation ?? 0) !== 0 || e.shapeFlipH === !0 || e.shapeFlipV === !0, S = ({ location: e, runs: t, measure: n }) => {
 	let r = [], i = "";
-	for (let n of t) n.shapeId != null && String(n.shapeId) === e.shapeId && (n.origin === "master" || n.origin === "layout" || (r.push({
+	for (let n of t) n.shapeId != null && String(n.shapeId) === e.shapeId && n.origin !== "master" && n.origin !== "layout" && (r.push({
 		run: n,
 		box: {
 			x: n.shapeX + n.inShapeX,
@@ -129,7 +121,7 @@ var n = 4 / 3, r = 9525, i = 2, a = 1, o = 0, s = 16, c = .25, l = () => {
 		start: i.length,
 		end: i.length + n.text.length,
 		surfaceIndex: o
-	}), i += n.text));
+	}), i += n.text);
 	return y(r, i, e.start, e.endExclusive, e.text, x, ({ run: e, box: t }, r, i) => v(e.text, t, e.font, 0, !1, r, i, n)).get(o) ?? [];
 }, C = (e, t) => {
 	let n = t.indexOf(e);
@@ -223,7 +215,7 @@ var n = 4 / 3, r = 9525, i = 2, a = 1, o = 0, s = 16, c = .25, l = () => {
 }, M = (e, n) => {
 	if (!Number.isSafeInteger(e.occurrence) || e.occurrence < 1) return [];
 	let r = /* @__PURE__ */ new Map();
-	for (let e of n) e.tableCell == null || e.shapeId == null || e.origin === "master" || e.origin === "layout" || O(r, JSON.stringify([
+	for (let e of n) e.tableCell != null && e.shapeId != null && e.origin !== "master" && e.origin !== "layout" && O(r, JSON.stringify([
 		e.elementIndex,
 		e.shapeId,
 		e.tableCell.row
@@ -428,7 +420,7 @@ var n = 4 / 3, r = 9525, i = 2, a = 1, o = 0, s = 16, c = .25, l = () => {
 		for (let n of e) for (let e of n.locations) {
 			if (e.kind !== t.XlsxCellRange) continue;
 			let s = C(e.sheet, r.sheetNames);
-			if (!(s == null || s !== r.sheetIndex)) for (let t of T({
+			if (s != null && s === r.sheetIndex) for (let t of T({
 				location: e,
 				getCellViewportRect: (e) => {
 					let t = r.getCellViewportRect(e);

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.3.0-dev.14",
+  "version": "1.3.0-dev.141",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -21,19 +21,18 @@
     "@tabler/icons-react": "^3.44.0",
     "react-json-view-lite": "^2.5.0",
     "react-syntax-highlighter": "^16.1.1",
-    "@epam/ai-dial-react-pdf-highlighter": "0.2.0",
-    "@epam/ai-dial-shared": "0.48.0",
-    "@epam/ai-dial-visualizer-connector": "0.48.0",
+    "@epam/ai-dial-react-pdf-highlighter": "0.3.0-dev.6",
+    "@epam/ai-dial-visualizer-connector": "1.3.0-dev.141",
     "@epam/pdf-highlighter-kit": "^0.0.19",
     "@mcp-ui/client": "^7.1.1",
     "@modelcontextprotocol/sdk": "^1.32.1",
     "@modelcontextprotocol/ext-apps": "1.7.5",
     "pdfjs-dist": "^5.4.149",
-    "@epam/ai-dial-sidebar": "1.3.0-dev.14"
+    "@epam/ai-dial-sidebar": "1.3.0-dev.141"
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.3.0-dev.14",
-    "@epam/ai-dial-ui-kit": "^0.15.1",
+    "@epam/ai-dial-chat-shared": "1.3.0-dev.141",
+    "@epam/ai-dial-ui-kit": "^0.16.0-dev.22",
     "react": "^19.2.8"
   },
   "repository": {

package/utils/vite-external-matcher.d.ts

@@ -5,7 +5,7 @@
  * package), and either way the import stays external so consumers get one
  * shared copy rather than a second one inlined here.
  */
-export declare const EXTERNAL_PACKAGE_NAMES: readonly ["react", "@silurus/ooxml", "@epam/ai-dial-chat-shared", "@epam/ai-dial-shared", "@epam/ai-dial-sidebar", "@epam/ai-dial-ui-kit", "@epam/ai-dial-visualizer-connector", "@tabler/icons-react", "react-json-view-lite", "@epam/ai-dial-react-pdf-highlighter", "@epam/pdf-highlighter-kit", "react-syntax-highlighter", "@mcp-ui/client", "@modelcontextprotocol/sdk", "@modelcontextprotocol/ext-apps", "pdfjs-dist"];
+export declare const EXTERNAL_PACKAGE_NAMES: readonly ["react", "@silurus/ooxml", "@epam/ai-dial-chat-shared", "@epam/ai-dial-sidebar", "@epam/ai-dial-ui-kit", "@epam/ai-dial-visualizer-connector", "@tabler/icons-react", "react-json-view-lite", "@epam/ai-dial-react-pdf-highlighter", "@epam/pdf-highlighter-kit", "react-syntax-highlighter", "@mcp-ui/client", "@modelcontextprotocol/sdk", "@modelcontextprotocol/ext-apps", "pdfjs-dist"];
 /**
  * Returns true when `id` is a bare runtime package name, or is prefixed by
  * `<packageName>/` (a deep subpath of that package), for any name in

package/utils/vite-external-matcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vite-external-matcher.d.ts","sourceRoot":"","sources":["../../src/utils/vite-external-matcher.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,gaAiBzB,CAAC;AAEX;;;;;;;GAOG;AACH,eAAO,MAAM,uBAAuB,GAAI,IAAI,MAAM,KAAG,OAKpD,CAAC"}
+{"version":3,"file":"vite-external-matcher.d.ts","sourceRoot":"","sources":["../../src/utils/vite-external-matcher.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,wYAgBzB,CAAC;AAEX;;;;;;;GAOG;AACH,eAAO,MAAM,uBAAuB,GAAI,IAAI,MAAM,KAAG,OAKpD,CAAC"}