@epam/ai-dial-attachment-canvas 1.1.0-dev.56 → 1.1.0-dev.58

package/components/AttachmentCanvas/AttachmentCanvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentCanvas.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentCanvas/AttachmentCanvas.tsx"],"names":[],"mappings":"AA8BA,OAAO,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AA2a5E,wGAAwG;AACxG,eAAO,MAAM,gBAAgB,6DAA6B,CAAC"}
+{"version":3,"file":"AttachmentCanvas.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentCanvas/AttachmentCanvas.tsx"],"names":[],"mappings":"AA8BA,OAAO,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAob5E,wGAAwG;AACxG,eAAO,MAAM,gBAAgB,6DAA6B,CAAC"}

package/components/PdfContent/PdfContent.d.ts

@@ -2,10 +2,15 @@ import { InputHighlightData } from '@epam/pdf-highlighter-kit';
 import { FC } from 'react';
 /** Props for the `PdfContent` component. */
 export interface PdfContentProps {
+    /** URL of the PDF file to display. */
     url: string;
+    /** Highlight annotations to overlay on the document. */
     highlights: InputHighlightData[];
+    /** ID of the highlight that should be scrolled into view on mount. */
     selectedHighlightId?: string;
+    /** Custom fetcher for the PDF blob; falls back to a plain `fetch` wrapper. */
     loadPdf?: (url: string) => Promise<Blob>;
+    /** File name shown in the canvas header. */
     fileName?: string;
 }
 /** Renders a PDF with highlight annotations, a sidebar thumbnail strip, and page navigation. */

package/components/PdfContent/PdfContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PdfContent.d.ts","sourceRoot":"","sources":["../../../src/components/PdfContent/PdfContent.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EACL,KAAK,EAAE,EAMR,MAAM,OAAO,CAAC;AAIf,4CAA4C;AAC5C,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,kBAAkB,EAAE,CAAC;IACjC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,gGAAgG;AAChG,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAyF1C,CAAC"}
+{"version":3,"file":"PdfContent.d.ts","sourceRoot":"","sources":["../../../src/components/PdfContent/PdfContent.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EACL,KAAK,EAAE,EAMR,MAAM,OAAO,CAAC;AASf,4CAA4C;AAC5C,MAAM,WAAW,eAAe;IAC9B,sCAAsC;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,wDAAwD;IACxD,UAAU,EAAE,kBAAkB,EAAE,CAAC;IACjC,sEAAsE;IACtE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,8EAA8E;IAC9E,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACzC,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,gGAAgG;AAChG,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA4N1C,CAAC"}

package/context/AttachmentCanvasContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentCanvasContext.d.ts","sourceRoot":"","sources":["../../src/context/AttachmentCanvasContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AA2B3E,sDAAsD;AACtD,MAAM,WAAW,4BAA4B;IAC3C,kDAAkD;IAClD,MAAM,EAAE,OAAO,CAAC;IAChB,uFAAuF;IACvF,SAAS,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,EAAE,uBAAuB,CAAC;IACjC,4CAA4C;IAC5C,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,kFAAkF;IAClF,iBAAiB,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,qEAAqE;IACrE,UAAU,EAAE,CAAC,OAAO,EAAE,uBAAuB,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,wBAAwB;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAOD,2DAA2D;AAC3D,eAAO,MAAM,wBAAwB,GAAI,eAEtC;IACD,QAAQ,EAAE,SAAS,CAAC;CACrB,4CAgEA,CAAC;AAEF,8FAA8F;AAC9F,eAAO,MAAM,mBAAmB,QAAO,4BAQtC,CAAC"}
+{"version":3,"file":"AttachmentCanvasContext.d.ts","sourceRoot":"","sources":["../../src/context/AttachmentCanvasContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AA2B3E,sDAAsD;AACtD,MAAM,WAAW,4BAA4B;IAC3C,kDAAkD;IAClD,MAAM,EAAE,OAAO,CAAC;IAChB,uFAAuF;IACvF,SAAS,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,EAAE,uBAAuB,CAAC;IACjC,4CAA4C;IAC5C,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,kFAAkF;IAClF,iBAAiB,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,qEAAqE;IACrE,UAAU,EAAE,CAAC,OAAO,EAAE,uBAAuB,EAAE,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,wBAAwB;IACxB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AAOD,2DAA2D;AAC3D,eAAO,MAAM,wBAAwB,GAAI,eAEtC;IACD,QAAQ,EAAE,SAAS,CAAC;CACrB,4CAiEA,CAAC;AAEF,8FAA8F;AAC9F,eAAO,MAAM,mBAAmB,QAAO,4BAQtC,CAAC"}

package/index.js

@@ -1,76 +1,76 @@
 import { DEFAULT_MARKDOWN_CLASS_NAMES as e, MIMEType as t, MarkdownRenderer as n, buildCssVars as r, copyToClipboard as i, mergeClasses as a, triggerAnchorDownload as o, triggerBlobDownload as s, useIsMobile as c } from "@epam/ai-dial-chat-shared";
 import { SidebarOrientation as l, SidebarPanel as u } from "@epam/ai-dial-sidebar";
 import { DIAL_ICON_SIZE as d, DialButton as f, DialCheckbox as p, DialEllipsisTooltip as m, DialGhostIconButton as h, DialLoader as g, DialSelect as _, DialSpinner as v, ElementSize as y, SelectSize as b, mergeClasses as x } from "@epam/ai-dial-ui-kit";
-import { IconAlertTriangle as S, IconCheck as C, IconChevronDown as w, IconChevronUp as T, IconCopy as E, IconDownload as ee, IconLock as te, IconMarkdown as ne, IconMinus as D, IconPlus as re } from "@tabler/icons-react";
-import { createContext as O, memo as ie, useCallback as k, useContext as ae, useEffect as A, useMemo as oe, useRef as se, useState as j } from "react";
-import { JsonView as ce, defaultStyles as le } from "react-json-view-lite";
-import { Fragment as ue, jsx as M, jsxs as N } from "react/jsx-runtime";
+import { IconAlertTriangle as S, IconCheck as C, IconChevronDown as w, IconChevronUp as T, IconCopy as E, IconDownload as ee, IconLock as te, IconMarkdown as ne, IconMinus as D, IconPlus as O } from "@tabler/icons-react";
+import { createContext as k, memo as re, useCallback as A, useContext as ie, useEffect as j, useMemo as ae, useRef as oe, useState as M } from "react";
+import { JsonView as se, defaultStyles as ce } from "react-json-view-lite";
+import { Fragment as le, jsx as N, jsxs as P } from "react/jsx-runtime";
 //#region src/types/attachment-canvas.ts
-var P = /* @__PURE__ */ function(e) {
+var F = /* @__PURE__ */ function(e) {
 	return e.PlainText = "plain_text", e.Image = "image", e.Audio = "audio", e.Markdown = "markdown", e.Json = "json", e.Pdf = "pdf", e.Unsupported = "unsupported", e.Error = "error", e;
-}({}), de = /* @__PURE__ */ function(e) {
+}({}), ue = /* @__PURE__ */ function(e) {
 	return e.LoadFailed = "load_failed", e.Forbidden = "forbidden", e;
-}({}), fe = (e) => {
+}({}), de = (e) => {
 	switch (e.type) {
-		case P.PlainText:
-		case P.Markdown:
-		case P.Json:
-		case P.Image:
-		case P.Audio:
-		case P.Pdf: return !0;
-		case P.Unsupported: return e.url != null;
-		case P.Error: return e.errorType !== de.Forbidden && e.url != null;
-	}
-}, pe = async (e) => {
+		case F.PlainText:
+		case F.Markdown:
+		case F.Json:
+		case F.Image:
+		case F.Audio:
+		case F.Pdf: return !0;
+		case F.Unsupported: return e.url != null;
+		case F.Error: return e.errorType !== ue.Forbidden && e.url != null;
+	}
+}, fe = async (e) => {
 	let t = await fetch(e);
 	if (!t.ok) throw Error(`HTTP ${t.status}`);
 	return t.blob();
-}, me = (e, n) => {
+}, pe = (e, n) => {
 	let r = n ?? "attachment";
 	switch (e.type) {
-		case P.PlainText:
+		case F.PlainText:
 			if (e.text === "") return;
 			s(new Blob([e.text], { type: t.Plain }), r);
 			return;
-		case P.Markdown:
+		case F.Markdown:
 			if (e.text === "") return;
 			s(new Blob([e.text], { type: t.Markdown }), r);
 			return;
-		case P.Json:
+		case F.Json:
 			s(new Blob([JSON.stringify(e.value, null, 2)], { type: t.JSON }), r);
 			return;
-		case P.Image:
-		case P.Audio:
-		case P.Pdf:
+		case F.Image:
+		case F.Audio:
+		case F.Pdf:
 			o(e.url, r);
 			return;
-		case P.Unsupported:
+		case F.Unsupported:
 			if (e.url == null) return;
 			o(e.url, r);
 			return;
-		case P.Error:
-			if (!fe(e)) return;
+		case F.Error:
+			if (!de(e)) return;
 			o(e.url, r);
 			return;
 	}
-}, he;
+}, me;
 (function(e) {
 	e.Clockwise = "cw", e.CounterClockwise = "ccw";
-})(he ||= {});
-var ge;
+})(me ||= {});
+var he;
 (function(e) {
 	e.AUTO = "auto", e.PAGE_FIT = "page-fit";
-})(ge ||= {});
+})(he ||= {});
 //#endregion
 //#region ../../node_modules/pdfjs-dist/build/pdf.mjs
-var _e = {};
-_e.d = (e, t) => {
-	for (var n in t) _e.o(t, n) && !_e.o(e, n) && Object.defineProperty(e, n, {
+var ge = {};
+ge.d = (e, t) => {
+	for (var n in t) ge.o(t, n) && !ge.o(e, n) && Object.defineProperty(e, n, {
 		enumerable: !0,
 		get: t[n]
 	});
-}, _e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t);
-var F = typeof process == "object" && process + "" == "[object process]" && !process.versions.nw && !(process.versions.electron && process.type && process.type !== "browser"), ve = [
+}, ge.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t);
+var _e = typeof process == "object" && process + "" == "[object process]" && !process.versions.nw && !(process.versions.electron && process.type && process.type !== "browser"), ve = [
 	.001,
 	0,
 	0,
@@ -2985,13 +2985,13 @@ var At = class {
 		} else v ? w = rt(Math.abs(b[0] - y[0] - E), l, 1) / s : T = rt(Math.abs(b[1] - y[1] - ee), u, 1) / c;
 		let te = e._round(s * w), ne = e._round(c * T);
 		x = f(...g(te, ne));
-		let D = S - x[0], re = C - x[1];
+		let D = S - x[0], O = C - x[1];
 		this.#m ||= [
 			this.x,
 			this.y,
 			this.width,
 			this.height
-		], this.width = te, this.height = ne, this.x = D, this.y = re, this.setDims(r * te, i * ne), this.fixAndSetPosition(), this._onResizing();
+		], this.width = te, this.height = ne, this.x = D, this.y = O, this.setDims(r * te, i * ne), this.fixAndSetPosition(), this._onResizing();
 	}
 	_onResizing() {}
 	altTextFinish() {
@@ -3699,7 +3699,7 @@ var At = class {
 		return U(this, "isFontLoadingAPISupported", e);
 	}
 	get isSyncFontLoadingSupported() {
-		return U(this, "isSyncFontLoadingSupported", F || W.platform.isFirefox);
+		return U(this, "isSyncFontLoadingSupported", _e || W.platform.isFirefox);
 	}
 	_queueLoadingCallback(e) {
 		function t() {
@@ -3799,14 +3799,14 @@ var At = class {
 function Yt(e) {
 	if (e instanceof URL) return e.href;
 	if (typeof e == "string") {
-		if (F) return e;
+		if (_e) return e;
 		let t = URL.parse(e, window.location);
 		if (t) return t.href;
 	}
 	throw Error("Invalid PDF url data: either string or URL-object is expected in the url property.");
 }
 function Xt(e) {
-	if (F && typeof Buffer < "u" && e instanceof Buffer) throw Error("Please provide binary data as `Uint8Array`, rather than `Buffer`.");
+	if (_e && typeof Buffer < "u" && e instanceof Buffer) throw Error("Please provide binary data as `Uint8Array`, rather than `Buffer`.");
 	if (e instanceof Uint8Array && e.byteLength === e.buffer.byteLength) return e;
 	if (typeof e == "string") return Ge(e);
 	if (e instanceof ArrayBuffer || ArrayBuffer.isView(e) || typeof e == "object" && !isNaN(e?.length)) return new Uint8Array(e);
@@ -4411,7 +4411,7 @@ var an = class {
 		return new Uint8Array(t);
 	}
 };
-F && B("Please use the `legacy` build in Node.js environments.");
+_e && B("Please use the `legacy` build in Node.js environments.");
 async function gn(e) {
 	let t = await process.getBuiltinModule("fs").promises.readFile(e);
 	return new Uint8Array(t);
@@ -4869,19 +4869,19 @@ function kn(e, t, n, r, i, a, o, s) {
 	c[n + 1] > c[r + 1] && (f = n, n = r, r = f, f = a, a = o, o = f), c[r + 1] > c[i + 1] && (f = r, r = i, i = f, f = o, o = s, s = f), c[n + 1] > c[r + 1] && (f = n, n = r, r = f, f = a, a = o, o = f);
 	let p = (c[n] + t.offsetX) * t.scaleX, m = (c[n + 1] + t.offsetY) * t.scaleY, h = (c[r] + t.offsetX) * t.scaleX, g = (c[r + 1] + t.offsetY) * t.scaleY, _ = (c[i] + t.offsetX) * t.scaleX, v = (c[i + 1] + t.offsetY) * t.scaleY;
 	if (m >= v) return;
-	let y = l[a], b = l[a + 1], x = l[a + 2], S = l[o], C = l[o + 1], w = l[o + 2], T = l[s], E = l[s + 1], ee = l[s + 2], te = Math.round(m), ne = Math.round(v), D, re, O, ie, k, ae, A, oe;
+	let y = l[a], b = l[a + 1], x = l[a + 2], S = l[o], C = l[o + 1], w = l[o + 2], T = l[s], E = l[s + 1], ee = l[s + 2], te = Math.round(m), ne = Math.round(v), D, O, k, re, A, ie, j, ae;
 	for (let e = te; e <= ne; e++) {
 		if (e < g) {
 			let t = e < m ? 0 : (m - e) / (m - g);
-			D = p - (p - h) * t, re = y - (y - S) * t, O = b - (b - C) * t, ie = x - (x - w) * t;
+			D = p - (p - h) * t, O = y - (y - S) * t, k = b - (b - C) * t, re = x - (x - w) * t;
 		} else {
 			let t;
-			t = e > v ? 1 : g === v ? 0 : (g - e) / (g - v), D = h - (h - _) * t, re = S - (S - T) * t, O = C - (C - E) * t, ie = w - (w - ee) * t;
+			t = e > v ? 1 : g === v ? 0 : (g - e) / (g - v), D = h - (h - _) * t, O = S - (S - T) * t, k = C - (C - E) * t, re = w - (w - ee) * t;
 		}
 		let t;
-		t = e < m ? 0 : e > v ? 1 : (m - e) / (m - v), k = p - (p - _) * t, ae = y - (y - T) * t, A = b - (b - E) * t, oe = x - (x - ee) * t;
-		let n = Math.round(Math.min(D, k)), r = Math.round(Math.max(D, k)), i = d * e + n * 4;
-		for (let e = n; e <= r; e++) t = (D - e) / (D - k), t < 0 ? t = 0 : t > 1 && (t = 1), u[i++] = re - (re - ae) * t | 0, u[i++] = O - (O - A) * t | 0, u[i++] = ie - (ie - oe) * t | 0, u[i++] = 255;
+		t = e < m ? 0 : e > v ? 1 : (m - e) / (m - v), A = p - (p - _) * t, ie = y - (y - T) * t, j = b - (b - E) * t, ae = x - (x - ee) * t;
+		let n = Math.round(Math.min(D, A)), r = Math.round(Math.max(D, A)), i = d * e + n * 4;
+		for (let e = n; e <= r; e++) t = (D - e) / (D - A), t < 0 ? t = 0 : t > 1 && (t = 1), u[i++] = O - (O - ie) * t | 0, u[i++] = k - (k - j) * t | 0, u[i++] = re - (re - ae) * t | 0, u[i++] = 255;
 	}
 }
 function An(e, t, n) {
@@ -4971,8 +4971,8 @@ var Pn = {
 		G.singularValueDecompose2dScale(this.baseTransform, h);
 		let v = g * h[0], y = _ * h[1], b = p, x = m, S = !1, C = !1, w = Math.ceil(s * v), T = Math.ceil(c * y), E = Math.ceil(p * v), ee = Math.ceil(m * y);
 		w >= E ? b = s : S = !0, T >= ee ? x = c : C = !0;
-		let te = this.getSizeAndScale(b, this.ctx.canvas.width, v), ne = this.getSizeAndScale(x, this.ctx.canvas.height, y), D = e.cachedCanvases.getCanvas("pattern", te.size, ne.size), re = D.context, O = o.createCanvasGraphics(re);
-		if (O.groupLevel = e.groupLevel, this.setFillAndStrokeStyleToContext(O, r, a), re.translate(-te.scale * l, -ne.scale * u), O.transform(0, te.scale, 0, 0, ne.scale, 0, 0), re.save(), O.dependencyTracker?.save(), this.clipBbox(O, l, u, d, f), O.baseTransform = q(O.ctx), O.executeOperatorList(n), O.endDrawing(), O.dependencyTracker?.restore().recordNestedDependencies?.(), re.restore(), S || C) {
+		let te = this.getSizeAndScale(b, this.ctx.canvas.width, v), ne = this.getSizeAndScale(x, this.ctx.canvas.height, y), D = e.cachedCanvases.getCanvas("pattern", te.size, ne.size), O = D.context, k = o.createCanvasGraphics(O);
+		if (k.groupLevel = e.groupLevel, this.setFillAndStrokeStyleToContext(k, r, a), O.translate(-te.scale * l, -ne.scale * u), k.transform(0, te.scale, 0, 0, ne.scale, 0, 0), O.save(), k.dependencyTracker?.save(), this.clipBbox(k, l, u, d, f), k.baseTransform = q(k.ctx), k.executeOperatorList(n), k.endDrawing(), k.dependencyTracker?.restore().recordNestedDependencies?.(), O.restore(), S || C) {
 			let t = D.canvas;
 			S && (b = s), C && (x = c);
 			let n = this.getSizeAndScale(b, this.ctx.canvas.width, v), r = this.getSizeAndScale(x, this.ctx.canvas.height, y), i = n.size, a = r.size, o = e.cachedCanvases.getCanvas("pattern-workaround", i, a), d = o.context, f = S ? Math.floor(p / s) : 0, h = C ? Math.floor(m / c) : 0;
@@ -7317,36 +7317,36 @@ var Pr = class {
 }, Ur = 100;
 function Wr(e = {}) {
 	typeof e == "string" || e instanceof URL ? e = { url: e } : (e instanceof ArrayBuffer || ArrayBuffer.isView(e)) && (e = { data: e });
-	let t = new Gr(), { docId: n } = t, r = e.url ? Yt(e.url) : null, i = e.data ? Xt(e.data) : null, a = e.httpHeaders || null, o = e.withCredentials === !0, s = e.password ?? null, c = e.range instanceof Kr ? e.range : null, l = Number.isInteger(e.rangeChunkSize) && e.rangeChunkSize > 0 ? e.rangeChunkSize : 2 ** 16, u = e.worker instanceof Yr ? e.worker : null, d = e.verbosity, f = typeof e.docBaseUrl == "string" && !dt(e.docBaseUrl) ? e.docBaseUrl : null, p = Zt(e.cMapUrl), m = e.cMapPacked !== !1, h = e.CMapReaderFactory || (F ? yn : ln), g = Zt(e.iccUrl), _ = Zt(e.standardFontDataUrl), v = e.StandardFontDataFactory || (F ? bn : pn), y = Zt(e.wasmUrl), b = e.WasmFactory || (F ? xn : hn), x = e.stopAtErrors !== !0, S = Number.isInteger(e.maxImageSize) && e.maxImageSize > -1 ? e.maxImageSize : -1, C = e.isEvalSupported !== !1, w = typeof e.isOffscreenCanvasSupported == "boolean" ? e.isOffscreenCanvasSupported : !F, T = typeof e.isImageDecoderSupported == "boolean" ? e.isImageDecoderSupported : !F && (W.platform.isFirefox || !globalThis.chrome), E = Number.isInteger(e.canvasMaxAreaInBytes) ? e.canvasMaxAreaInBytes : -1, ee = typeof e.disableFontFace == "boolean" ? e.disableFontFace : F, te = e.fontExtraProperties === !0, ne = e.enableXfa === !0, D = e.ownerDocument || globalThis.document, re = e.disableRange === !0, O = e.disableStream === !0, ie = e.disableAutoFetch === !0, k = e.pdfBug === !0, ae = e.CanvasFactory || (F ? vn : sn), A = e.FilterFactory || (F ? _n : dn), oe = e.enableHWA === !0, se = e.useWasm !== !1, j = c ? c.length : e.length ?? NaN, ce = typeof e.useSystemFonts == "boolean" ? e.useSystemFonts : !F && !ee, le = typeof e.useWorkerFetch == "boolean" ? e.useWorkerFetch : !!(h === ln && v === pn && b === hn && p && _ && y && gt(p, document.baseURI) && gt(_, document.baseURI) && gt(y, document.baseURI));
+	let t = new Gr(), { docId: n } = t, r = e.url ? Yt(e.url) : null, i = e.data ? Xt(e.data) : null, a = e.httpHeaders || null, o = e.withCredentials === !0, s = e.password ?? null, c = e.range instanceof Kr ? e.range : null, l = Number.isInteger(e.rangeChunkSize) && e.rangeChunkSize > 0 ? e.rangeChunkSize : 2 ** 16, u = e.worker instanceof Yr ? e.worker : null, d = e.verbosity, f = typeof e.docBaseUrl == "string" && !dt(e.docBaseUrl) ? e.docBaseUrl : null, p = Zt(e.cMapUrl), m = e.cMapPacked !== !1, h = e.CMapReaderFactory || (_e ? yn : ln), g = Zt(e.iccUrl), _ = Zt(e.standardFontDataUrl), v = e.StandardFontDataFactory || (_e ? bn : pn), y = Zt(e.wasmUrl), b = e.WasmFactory || (_e ? xn : hn), x = e.stopAtErrors !== !0, S = Number.isInteger(e.maxImageSize) && e.maxImageSize > -1 ? e.maxImageSize : -1, C = e.isEvalSupported !== !1, w = typeof e.isOffscreenCanvasSupported == "boolean" ? e.isOffscreenCanvasSupported : !_e, T = typeof e.isImageDecoderSupported == "boolean" ? e.isImageDecoderSupported : !_e && (W.platform.isFirefox || !globalThis.chrome), E = Number.isInteger(e.canvasMaxAreaInBytes) ? e.canvasMaxAreaInBytes : -1, ee = typeof e.disableFontFace == "boolean" ? e.disableFontFace : _e, te = e.fontExtraProperties === !0, ne = e.enableXfa === !0, D = e.ownerDocument || globalThis.document, O = e.disableRange === !0, k = e.disableStream === !0, re = e.disableAutoFetch === !0, A = e.pdfBug === !0, ie = e.CanvasFactory || (_e ? vn : sn), j = e.FilterFactory || (_e ? _n : dn), ae = e.enableHWA === !0, oe = e.useWasm !== !1, M = c ? c.length : e.length ?? NaN, se = typeof e.useSystemFonts == "boolean" ? e.useSystemFonts : !_e && !ee, ce = typeof e.useWorkerFetch == "boolean" ? e.useWorkerFetch : !!(h === ln && v === pn && b === hn && p && _ && y && gt(p, document.baseURI) && gt(_, document.baseURI) && gt(y, document.baseURI));
 	je(d);
-	let ue = {
-		canvasFactory: new ae({
+	let le = {
+		canvasFactory: new ie({
 			ownerDocument: D,
-			enableHWA: oe
+			enableHWA: ae
 		}),
-		filterFactory: new A({
+		filterFactory: new j({
 			docId: n,
 			ownerDocument: D
 		}),
-		cMapReaderFactory: le ? null : new h({
+		cMapReaderFactory: ce ? null : new h({
 			baseUrl: p,
 			isCompressed: m
 		}),
-		standardFontDataFactory: le ? null : new v({ baseUrl: _ }),
-		wasmFactory: le ? null : new b({ baseUrl: y })
+		standardFontDataFactory: ce ? null : new v({ baseUrl: _ }),
+		wasmFactory: ce ? null : new b({ baseUrl: y })
 	};
 	u || (u = Yr.create({
 		verbosity: d,
 		port: ar.workerPort
 	}), t._worker = u);
-	let M = {
+	let N = {
 		docId: n,
 		apiVersion: "5.4.149",
 		data: i,
 		password: s,
-		disableAutoFetch: ie,
+		disableAutoFetch: re,
 		rangeChunkSize: l,
-		length: j,
+		length: M,
 		docBaseUrl: f,
 		enableXfa: ne,
 		evaluatorOptions: {
@@ -7358,48 +7358,48 @@ function Wr(e = {}) {
 			isImageDecoderSupported: T,
 			canvasMaxAreaInBytes: E,
 			fontExtraProperties: te,
-			useSystemFonts: ce,
-			useWasm: se,
-			useWorkerFetch: le,
+			useSystemFonts: se,
+			useWasm: oe,
+			useWorkerFetch: ce,
 			cMapUrl: p,
 			iccUrl: g,
 			standardFontDataUrl: _,
 			wasmUrl: y
 		}
-	}, N = {
+	}, P = {
 		ownerDocument: D,
-		pdfBug: k,
+		pdfBug: A,
 		styleElement: null,
 		loadingParams: {
-			disableAutoFetch: ie,
+			disableAutoFetch: re,
 			enableXfa: ne
 		}
 	};
 	return u.promise.then(function() {
 		if (t.destroyed) throw Error("Loading aborted");
 		if (u.destroyed) throw Error("Worker was destroyed");
-		let e = u.messageHandler.sendWithPromise("GetDocRequest", M, i ? [i.buffer] : null), s;
+		let e = u.messageHandler.sendWithPromise("GetDocRequest", N, i ? [i.buffer] : null), s;
 		if (c) s = new ur(c, {
-			disableRange: re,
-			disableStream: O
+			disableRange: O,
+			disableStream: k
 		});
 		else if (!i) {
 			if (!r) throw Error("getDocument - no `url` parameter provided.");
-			s = new (gt(r) ? Sr : F ? Pr : kr)({
+			s = new (gt(r) ? Sr : _e ? Pr : kr)({
 				url: r,
-				length: j,
+				length: M,
 				httpHeaders: a,
 				withCredentials: o,
 				rangeChunkSize: l,
-				disableRange: re,
-				disableStream: O
+				disableRange: O,
+				disableStream: k
 			});
 		}
 		return e.then((e) => {
 			if (t.destroyed) throw Error("Loading aborted");
 			if (u.destroyed) throw Error("Worker was destroyed");
 			let r = new an(n, e, u.port);
-			t._transport = new Xr(r, t, s, N, ue, oe), r.send("Ready", null);
+			t._transport = new Xr(r, t, s, P, le, ae), r.send("Ready", null);
 		});
 	}).catch(t._capability.reject), t;
 }
@@ -7837,7 +7837,7 @@ var Gr = class e {
 	static #a = !1;
 	static #o = /* @__PURE__ */ new WeakMap();
 	static {
-		F && (this.#a = !0, ar.workerSrc ||= "./pdf.worker.mjs"), this._isSameOrigin = (e, t) => {
+		_e && (this.#a = !0, ar.workerSrc ||= "./pdf.worker.mjs"), this._isSameOrigin = (e, t) => {
 			let n = URL.parse(e);
 			if (!n?.origin || n.origin === "null") return !1;
 			let r = new URL(t, n);
@@ -15572,7 +15572,7 @@ function io(e) {
 	return no(360 - e);
 }
 function ao(e, t) {
-	return e === 0 ? 0 : t === he.Clockwise ? e : no(360 - e);
+	return e === 0 ? 0 : t === me.Clockwise ? e : no(360 - e);
 }
 function oo(e, t, n, r, i) {
 	let a = no(i);
@@ -15940,7 +15940,7 @@ var co = 40, lo = 1.2, uo = class {
 		return this.currentScale;
 	}
 	setZoom(e) {
-		e === ge.AUTO ? this.setAutoZoom() : e === ge.PAGE_FIT ? this.setPageFitZoom() : this.applyZoom(e);
+		e === he.AUTO ? this.setAutoZoom() : e === he.PAGE_FIT ? this.setPageFitZoom() : this.applyZoom(e);
 	}
 	applyZoom(e) {
 		let t = this.currentScale;
@@ -15986,7 +15986,7 @@ var co = 40, lo = 1.2, uo = class {
 	getTotalPages() {
 		return this.totalPages;
 	}
-	setPageDisplayRotation(e, t, n = he.Clockwise) {
+	setPageDisplayRotation(e, t, n = me.Clockwise) {
 		if (t === 0) {
 			if (this.pageDisplayRotations.delete(e), this.options.pageDisplayRotations) {
 				let t = { ...this.options.pageDisplayRotations };
@@ -16632,16 +16632,16 @@ var co = 40, lo = 1.2, uo = class {
 	format: "image/jpeg",
 	quality: .85
 }, ho = "application/pdf", go = ".pdf", _o = ({ pdf: e, highlights: t, selectedHighlightId: n, autoFocusFirstHighlight: r = !1, selectedPageNumber: i, zoom: a, containerClassName: o, onTotalPagesChange: s, onViewerReady: c, selectedPages: l, viewerOptions: u }) => {
-	let d = se(null), f = se(null), [p, m] = j(!1), [h, g] = j(!1), _ = se(s), v = se(c), y = se(u);
-	A(() => {
+	let d = oe(null), f = oe(null), [p, m] = M(!1), [h, g] = M(!1), _ = oe(s), v = oe(c), y = oe(u);
+	j(() => {
 		_.current = s;
-	}, [s]), A(() => {
+	}, [s]), j(() => {
 		v.current = c;
-	}, [c]), A(() => {
+	}, [c]), j(() => {
 		y.current = u;
 	}, [u]);
-	let b = k((e) => f.current?.goToHighlight(e), []);
-	return A(() => {
+	let b = A((e) => f.current?.goToHighlight(e), []);
+	return j(() => {
 		if (!d.current) return;
 		m(!1), g(!1), f.current &&= (f.current.destroy(), null);
 		let t = null, n = !0, r = () => {
@@ -16671,30 +16671,30 @@ var co = 40, lo = 1.2, uo = class {
 		})(), () => {
 			n = !1, t && (t.removeEventListener("zoomChanged", r), t.destroy());
 		};
-	}, [e, l]), A(() => {
+	}, [e, l]), j(() => {
 		!p || !f.current || (f.current.loadHighlights(t), r && t && t[0] && b(t[0].id));
 	}, [
 		r,
 		b,
 		t,
 		p
-	]), A(() => {
+	]), j(() => {
 		p && h && n && b(n);
 	}, [
 		b,
 		p,
 		h,
 		n
-	]), A(() => {
-		if (!(!p || !a)) if (a === "auto") f.current?.setZoom?.(ge.AUTO);
-		else if (a === "page-fit") f.current?.setZoom?.(ge.PAGE_FIT);
+	]), j(() => {
+		if (!(!p || !a)) if (a === "auto") f.current?.setZoom?.(he.AUTO);
+		else if (a === "page-fit") f.current?.setZoom?.(he.PAGE_FIT);
 		else {
 			let e = parseFloat(a);
 			!Number.isNaN(e) && e > 0 && f.current?.setZoom?.(e);
 		}
-	}, [p, a]), A(() => {
+	}, [p, a]), j(() => {
 		p && i && f.current?.setPage?.(i);
-	}, [p, i]), A(() => {
+	}, [p, i]), j(() => {
 		if (!p || !f.current) return;
 		let e = f.current;
 		v.current?.({
@@ -16706,42 +16706,42 @@ var co = 40, lo = 1.2, uo = class {
 			setPageDisplayRotation: (t, n, r) => e.setPageDisplayRotation(t, n, r),
 			getPageDisplayRotation: (t) => e.getPageDisplayRotation(t)
 		});
-	}, [p]), /* @__PURE__ */ M("div", {
+	}, [p]), /* @__PURE__ */ N("div", {
 		ref: d,
 		className: x("grow min-w-0 overflow-auto bg-layer-3", o)
 	});
-}, vo = "h-4 rounded-[120px] bg-gradient-to-r from-layer-4 via-layer-3 to-layer-4 bg-[length:200%_100%] animate-skeleton-wave", yo = ({ className: e, ariaLabel: t = "pdf preview loading" }) => /* @__PURE__ */ M("div", {
+}, vo = "h-4 rounded-[120px] bg-gradient-to-r from-layer-4 via-layer-3 to-layer-4 bg-[length:200%_100%] animate-skeleton-wave", yo = ({ className: e, ariaLabel: t = "pdf preview loading" }) => /* @__PURE__ */ N("div", {
 	role: "status",
 	"aria-label": t,
 	"aria-live": "polite",
 	className: x("h-full w-full bg-layer-3", e),
-	children: /* @__PURE__ */ N("div", {
+	children: /* @__PURE__ */ P("div", {
 		className: "flex h-full w-full flex-col gap-10 px-[60px] pt-10",
 		children: [
-			/* @__PURE__ */ M("div", { className: "mx-auto h-4 w-[208px] max-w-[40%] rounded-[120px] bg-gradient-to-r from-layer-4 via-layer-3 to-layer-4 bg-[length:200%_100%] animate-skeleton-wave" }),
-			/* @__PURE__ */ N("div", {
+			/* @__PURE__ */ N("div", { className: "mx-auto h-4 w-[208px] max-w-[40%] rounded-[120px] bg-gradient-to-r from-layer-4 via-layer-3 to-layer-4 bg-[length:200%_100%] animate-skeleton-wave" }),
+			/* @__PURE__ */ P("div", {
 				className: "flex flex-col gap-4",
 				children: [
-					/* @__PURE__ */ M("div", { className: vo }),
-					/* @__PURE__ */ M("div", { className: vo }),
-					/* @__PURE__ */ M("div", { className: vo }),
-					/* @__PURE__ */ M("div", { className: vo }),
-					/* @__PURE__ */ M("div", { className: x(vo, "w-[28%] max-w-[320px]") })
+					/* @__PURE__ */ N("div", { className: vo }),
+					/* @__PURE__ */ N("div", { className: vo }),
+					/* @__PURE__ */ N("div", { className: vo }),
+					/* @__PURE__ */ N("div", { className: vo }),
+					/* @__PURE__ */ N("div", { className: x(vo, "w-[28%] max-w-[320px]") })
 				]
 			}),
-			/* @__PURE__ */ N("div", {
+			/* @__PURE__ */ P("div", {
 				className: "flex flex-col gap-4",
 				children: [
-					/* @__PURE__ */ M("div", { className: vo }),
-					/* @__PURE__ */ M("div", { className: vo }),
-					/* @__PURE__ */ M("div", { className: vo }),
-					/* @__PURE__ */ M("div", { className: vo }),
-					/* @__PURE__ */ M("div", { className: x(vo, "w-[58%] max-w-[520px]") })
+					/* @__PURE__ */ N("div", { className: vo }),
+					/* @__PURE__ */ N("div", { className: vo }),
+					/* @__PURE__ */ N("div", { className: vo }),
+					/* @__PURE__ */ N("div", { className: vo }),
+					/* @__PURE__ */ N("div", { className: x(vo, "w-[58%] max-w-[520px]") })
 				]
 			})
 		]
 	})
-}), bo = O(null), xo = () => ae(bo), So = po.filter(({ value: e }) => {
+}), bo = k(null), xo = () => ie(bo), So = po.filter(({ value: e }) => {
 	let t = Number.parseFloat(e);
 	return !Number.isNaN(t) && t > 0;
 }), Co = [...So].reverse(), wo = (e, t, n) => {
@@ -16757,7 +16757,7 @@ var Eo = po.map((e) => ({
 	value: e.value,
 	label: e.label
 })), Do = ({ fileUrl: e, fileName: t, loadFileCb: n, highlights: r, selectedPageNumber: i, onTotalPagesChange: a, thumbnailPageNumbers: o, onThumbnailsLoaded: s, onViewerReady: c, showLoaderOverlay: l = !1, selectedPages: u }) => {
-	let d = xo(), f = se(null), [p, m] = j(!1), [h, g] = j(0), [_, v] = j(!1), [y, b] = j(null), [x, S] = j(null), [C, w] = j(fo), T = oe(() => {
+	let d = xo(), f = oe(null), [p, m] = M(!1), [h, g] = M(0), [_, v] = M(!1), [y, b] = M(null), [x, S] = M(null), [C, w] = M(fo), T = ae(() => {
 		if (t) return To(t.toLowerCase());
 		let n;
 		try {
@@ -16767,12 +16767,12 @@ var Eo = po.map((e) => ({
 		}
 		let r = n.split("/").pop() ?? "";
 		return !r.includes(".") || To(r.toLowerCase());
-	}, [t, e]), E = k((e) => {
+	}, [t, e]), E = A((e) => {
 		g((h + e + r.length) % r.length);
-	}, [h, r.length]), ee = k((e) => {
+	}, [h, r.length]), ee = A((e) => {
 		let t = f.current;
 		!t?.getZoom || !e || w(wo(C, e, t.getZoom()));
-	}, [C]), te = oe(() => {
+	}, [C]), te = ae(() => {
 		if (!(C === "auto" || C === "page-fit" || po.some((e) => e.value === C))) {
 			let e = parseFloat(C);
 			if (!Number.isNaN(e) && e > 0) return [...Eo, {
@@ -16782,7 +16782,7 @@ var Eo = po.map((e) => ({
 		}
 		return Eo;
 	}, [C]);
-	A(() => {
+	j(() => {
 		let t = !1;
 		if (b(!0), v(!1), S(null), m(!1), f.current = null, !T) {
 			v(!0), b(!1);
@@ -16806,10 +16806,10 @@ var Eo = po.map((e) => ({
 		n,
 		T
 	]);
-	let ne = k((e) => {
+	let ne = A((e) => {
 		f.current = e, m(!0), c?.(e);
 	}, [c]);
-	return A(() => {
+	return j(() => {
 		let e = o ?? [], t = f.current?.getThumbnailsDataUrl;
 		if (!e.length || !t || !x || !s || !p) return;
 		let n = !1;
@@ -16850,7 +16850,7 @@ var Eo = po.map((e) => ({
 		handleViewerReady: ne
 	};
 }, Oo = ({ fileUrl: e, fileName: t, errorLabel: n, occurrencesLabel: r, unsupportedLabel: i, highlights: a, loadFileCb: o, showOccurrences: s = !0, selectedPageNumber: c, containerClassName: l, pdfViewerClassName: u, onTotalPagesChange: d, title: p, thumbnailPageNumbers: h, onThumbnailsLoaded: g, onViewerReady: v, showLoaderOverlay: C = !1, selectedPages: E, selectedHighlightId: ee, viewerOptions: te }) => {
-	let { file: ne, isError: O, isSupportedFile: ie, activeHighlightIndex: k, zoom: ae, setZoom: A, zoomSelectOptions: oe, showLoader: se, changeIndex: j, handleZoomChange: ce, handleViewerReady: le } = Do({
+	let { file: ne, isError: k, isSupportedFile: re, activeHighlightIndex: A, zoom: ie, setZoom: j, zoomSelectOptions: ae, showLoader: oe, changeIndex: M, handleZoomChange: se, handleViewerReady: ce } = Do({
 		fileUrl: e,
 		fileName: t,
 		loadFileCb: o,
@@ -16863,106 +16863,106 @@ var Eo = po.map((e) => ({
 		showLoaderOverlay: C,
 		selectedPages: E
 	});
-	return /* @__PURE__ */ N("div", {
+	return /* @__PURE__ */ P("div", {
 		className: x("flex flex-col self-center gap-4 py-3 px-6 h-full w-full bg-layer-2", l),
 		children: [
-			t && /* @__PURE__ */ M("div", {
+			t && /* @__PURE__ */ N("div", {
 				className: "shrink-0 min-h-0 w-full",
-				children: /* @__PURE__ */ M(m, {
+				children: /* @__PURE__ */ N(m, {
 					className: "dial-tiny-text text-secondary",
 					text: t
 				})
 			}),
-			/* @__PURE__ */ N("div", {
+			/* @__PURE__ */ P("div", {
 				className: x("flex w-full justify-between items-center", s && p ? "gap-2" : ""),
-				children: [/* @__PURE__ */ M("div", { children: s ? /* @__PURE__ */ N("div", {
+				children: [/* @__PURE__ */ N("div", { children: s ? /* @__PURE__ */ P("div", {
 					className: "flex gap-1 py-0.5 px-1.5 min-h-[26px] items-center bg-layer-4 rounded w-fit",
-					children: [/* @__PURE__ */ N("span", {
+					children: [/* @__PURE__ */ P("span", {
 						className: "dial-small-text",
 						children: [
 							r ?? "Occurrences",
 							":",
-							/* @__PURE__ */ M("span", {
+							/* @__PURE__ */ N("span", {
 								className: "pl-0.5 min-w-3 inline-block text-right",
-								children: a.length > 0 ? `${k + 1}/${a.length}` : "0"
+								children: a.length > 0 ? `${A + 1}/${a.length}` : "0"
 							})
 						]
-					}), a.length > 0 && /* @__PURE__ */ N(ue, { children: [/* @__PURE__ */ M(f, {
+					}), a.length > 0 && /* @__PURE__ */ P(le, { children: [/* @__PURE__ */ N(f, {
 						className: "p-0 text-primary !h-6.5",
 						size: y.Small,
-						iconAfter: /* @__PURE__ */ M(w, { size: 16 }),
+						iconAfter: /* @__PURE__ */ N(w, { size: 16 }),
 						"aria-label": "Next occurrence",
-						onClick: () => j(1)
-					}), /* @__PURE__ */ M(f, {
+						onClick: () => M(1)
+					}), /* @__PURE__ */ N(f, {
 						className: "p-0 text-primary !h-6.5",
 						size: y.Small,
-						iconAfter: /* @__PURE__ */ M(T, { size: 16 }),
+						iconAfter: /* @__PURE__ */ N(T, { size: 16 }),
 						"aria-label": "Previous occurrence",
-						onClick: () => j(-1)
+						onClick: () => M(-1)
 					})] })]
-				}) : /* @__PURE__ */ M("div", {}) }), /* @__PURE__ */ N("div", {
+				}) : /* @__PURE__ */ N("div", {}) }), /* @__PURE__ */ P("div", {
 					className: x("flex flex-1 items-center gap-4 min-w-0", p != null && p !== "" ? "justify-between" : "justify-end"),
-					children: [p != null && p !== "" && /* @__PURE__ */ M(m, {
+					children: [p != null && p !== "" && /* @__PURE__ */ N(m, {
 						text: p,
 						className: "dial-body-semi-text text-primary min-w-0"
-					}), /* @__PURE__ */ N("div", {
+					}), /* @__PURE__ */ P("div", {
 						className: "flex gap-0.5 items-center shrink-0",
 						children: [
-							/* @__PURE__ */ M("div", {
+							/* @__PURE__ */ N("div", {
 								className: "h-6",
-								children: /* @__PURE__ */ M(_, {
+								children: /* @__PURE__ */ N(_, {
 									size: b.Sm,
 									className: "bg-layer-4 !py-0 h-6 min-h-6 dial-small-text max-h-full border-transparent hover:border-hover rounded",
-									options: oe,
-									value: ae,
-									onChange: (e) => A(e)
+									options: ae,
+									value: ie,
+									onChange: (e) => j(e)
 								})
 							}),
-							/* @__PURE__ */ M(f, {
+							/* @__PURE__ */ N(f, {
 								className: "py-0 flex items-center justify-center rounded text-primary bg-layer-4 border border-transparent hover:border-hover",
-								iconAfter: /* @__PURE__ */ M(D, { size: 16 }),
+								iconAfter: /* @__PURE__ */ N(D, { size: 16 }),
 								"aria-label": "Zoom out",
 								size: y.Small,
-								onClick: () => ce(-1)
+								onClick: () => se(-1)
 							}),
-							/* @__PURE__ */ M(f, {
+							/* @__PURE__ */ N(f, {
 								className: "py-0 flex items-center justify-center rounded text-primary bg-layer-4 border border-transparent hover:border-hover",
-								iconAfter: /* @__PURE__ */ M(re, { size: 16 }),
+								iconAfter: /* @__PURE__ */ N(O, { size: 16 }),
 								"aria-label": "Zoom in",
 								size: y.Small,
-								onClick: () => ce(1)
+								onClick: () => se(1)
 							})
 						]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ N("div", {
+			/* @__PURE__ */ P("div", {
 				className: "relative flex min-h-0 flex-1",
 				children: [
-					ne && /* @__PURE__ */ M(_o, {
+					ne && /* @__PURE__ */ N(_o, {
 						pdf: ne,
 						highlights: a,
-						selectedHighlightId: s ? a[k]?.id : ee,
+						selectedHighlightId: s ? a[A]?.id : ee,
 						selectedPageNumber: c,
-						zoom: ae,
+						zoom: ie,
 						onTotalPagesChange: d,
-						onViewerReady: le,
+						onViewerReady: ce,
 						containerClassName: u,
 						selectedPages: E,
 						viewerOptions: te
 					}),
-					se && /* @__PURE__ */ M(yo, { className: "absolute inset-0 z-10" }),
-					O && /* @__PURE__ */ M("div", {
+					oe && /* @__PURE__ */ N(yo, { className: "absolute inset-0 z-10" }),
+					k && /* @__PURE__ */ N("div", {
 						className: "absolute inset-0 z-20 flex items-center justify-center bg-layer-3",
-						children: /* @__PURE__ */ N("div", {
+						children: /* @__PURE__ */ P("div", {
 							className: "flex flex-col items-center gap-6 p-10",
-							children: [/* @__PURE__ */ M(S, {
+							children: [/* @__PURE__ */ N(S, {
 								size: 60,
 								stroke: 2,
 								className: "text-secondary"
-							}), /* @__PURE__ */ M("div", {
+							}), /* @__PURE__ */ N("div", {
 								className: "text-center dial-small-text whitespace-pre-wrap",
-								children: !ie && i ? i : n ?? "Failed to load document."
+								children: !re && i ? i : n ?? "Failed to load document."
 							})]
 						})
 					})
@@ -16970,7 +16970,7 @@ var Eo = po.map((e) => ({
 			})
 		]
 	});
-}, ko = ({ pageNum: e, onSelectPage: t, isSelected: n, isLoading: r, isMultiselect: i, thumbnailUrl: a, className: o }) => /* @__PURE__ */ N("button", {
+}, ko = ({ pageNum: e, onSelectPage: t, isSelected: n, isLoading: r, isMultiselect: i, thumbnailUrl: a, className: o }) => /* @__PURE__ */ P("button", {
 	type: "button",
 	"aria-label": `Page ${e}`,
 	"aria-pressed": n,
@@ -16978,87 +16978,129 @@ var Eo = po.map((e) => ({
 		i && n.target.closest("[data-checkbox-wrapper]") || t(e);
 	},
 	className: x("flex flex-col gap-2 p-2 h-[186px] w-[120px] items-center justify-center cursor-pointer transition-colors hover:bg-layer-4 rounded-sm", n && (i ? "border border-accent-primary bg-accent-primary-alpha" : "border border-primary"), o),
-	children: [/* @__PURE__ */ N("div", {
+	children: [/* @__PURE__ */ P("div", {
 		className: "relative w-[104px] h-[146px] bg-model-icon rounded-sm overflow-hidden",
 		children: [
-			a ? /* @__PURE__ */ M("img", {
+			a ? /* @__PURE__ */ N("img", {
 				src: a,
 				alt: `Page ${e} thumbnail`,
 				className: "w-full h-full object-cover rounded-sm"
 			}) : null,
-			i && /* @__PURE__ */ M("div", {
+			i && /* @__PURE__ */ N("div", {
 				className: "absolute left-1 top-1 z-10",
 				"data-checkbox-wrapper": !0,
-				children: /* @__PURE__ */ M(p, {
+				children: /* @__PURE__ */ N(p, {
 					id: `page-thumbnail-${e}`,
 					checked: n,
 					onChange: () => t(e),
 					className: "before:border-primary before:bg-model-icon bg-model-icon"
 				})
 			}),
-			r && /* @__PURE__ */ M("div", {
+			r && /* @__PURE__ */ N("div", {
 				className: "absolute inset-0 flex items-center justify-center bg-blackout rounded-sm",
-				children: /* @__PURE__ */ M(g, {
+				children: /* @__PURE__ */ N(g, {
 					size: 24,
 					fullWidth: !1,
 					ariaLabel: `Loading page ${e}`
 				})
 			})
 		]
-	}), /* @__PURE__ */ M("span", {
+	}), /* @__PURE__ */ N("span", {
 		className: "dial-tiny-text text-primary",
 		children: e
 	})]
-}), Ao = { viewer: "_viewer_1gfxm_1" }, jo = ({ url: e, highlights: t, selectedHighlightId: n, loadPdf: r }) => {
-	let i = c(), [o, s] = j(0), [l, u] = j(/* @__PURE__ */ new Map()), [d, f] = j(() => n ? t.find((e) => e.id === n)?.bboxes[0]?.page ?? 1 : 1), p = se(null), m = se(/* @__PURE__ */ new Map());
-	A(() => {
+}), Ao = { viewer: "_viewer_1gfxm_1" }, jo = 5, Mo = 200, No = ({ url: e, highlights: t, selectedHighlightId: n, loadPdf: r }) => {
+	let i = c(), [o, s] = M(0), [l, u] = M(/* @__PURE__ */ new Map()), [d, f] = M(() => n ? t.find((e) => e.id === n)?.bboxes[0]?.page ?? 1 : 1), p = oe(null), m = oe(/* @__PURE__ */ new Map()), h = oe(null), [g, _] = M([]), v = oe(null), y = oe(Mo), [b, x] = M(Mo), [S, C] = M(0), [w, T] = M(600);
+	j(() => {
 		if (!n) return;
 		let e = t.find((e) => e.id === n)?.bboxes[0]?.page;
 		e != null && f(e);
-	}, [n, t]), A(() => {
-		m.current.get(d)?.scrollIntoView({
+	}, [n, t]), j(() => {
+		let e = m.current.get(d);
+		e ? e.scrollIntoView({
 			block: "center",
 			behavior: "smooth"
+		}) : v.current && v.current.scrollTo({
+			top: (d - 1) * y.current,
+			behavior: "smooth"
 		});
 	}, [d, o]);
-	let h = oe(() => i ? [] : Array.from({ length: o }, (e, t) => t + 1), [i, o]), g = k((e) => {
+	let E = ae(() => i ? [] : Array.from({ length: o }, (e, t) => t + 1), [i, o]);
+	j(() => {
+		if (_([]), E.length === 0) return;
+		let e = new IntersectionObserver((e) => {
+			let t = e.filter((e) => e.isIntersecting).map((e) => Number(e.target.dataset.page)).filter((e) => e > 0);
+			t.length !== 0 && _((e) => {
+				let n = new Set(e), r = t.filter((e) => !n.has(e));
+				return r.length === 0 ? e : [...e, ...r];
+			});
+		}, { rootMargin: "300px 0px" });
+		return h.current = e, m.current.forEach((t) => e.observe(t)), () => {
+			e.disconnect(), h.current = null;
+		};
+	}, [E]), j(() => {
+		let e = v.current;
+		if (!e) return;
+		T(e.clientHeight);
+		let t = new ResizeObserver(() => T(e.clientHeight));
+		t.observe(e);
+		let n = () => C(e.scrollTop);
+		return e.addEventListener("scroll", n, { passive: !0 }), () => {
+			t.disconnect(), e.removeEventListener("scroll", n);
+		};
+	}, [o]);
+	let ee = ae(() => g.filter((e) => !l.has(e)), [g, l]), te = A((e) => {
 		u((t) => new Map([...t, ...e]));
-	}, []), _ = k((e) => {
+	}, []), ne = A((e) => {
 		p.current = e;
-	}, []), v = k((e) => {
+	}, []), D = A((e) => {
 		f(e), p.current?.navigateToPage(e);
-	}, []);
-	return /* @__PURE__ */ N("div", {
+	}, []), O = Math.max(0, Math.floor(S / b) - jo), k = Math.min(E.length - 1, Math.ceil((S + w) / b) + jo - 1), re = O * b, ie = Math.max(0, (E.length - 1 - k) * b);
+	return e ? /* @__PURE__ */ P("div", {
 		className: "flex h-full overflow-hidden",
-		children: [o > 0 && /* @__PURE__ */ M("div", {
+		children: [o > 0 && /* @__PURE__ */ N("div", {
+			ref: v,
 			className: "w-30 me-1 shrink-0 overflow-auto pe-0.5 mobile:hidden",
-			children: h.map((e) => /* @__PURE__ */ M("div", {
-				ref: (t) => {
-					t ? m.current.set(e, t) : m.current.delete(e);
+			children: /* @__PURE__ */ N("div", {
+				style: {
+					paddingTop: re,
+					paddingBottom: ie
 				},
-				children: /* @__PURE__ */ M(ko, {
-					pageNum: e,
-					onSelectPage: v,
-					isSelected: d === e,
-					isLoading: !l.has(e),
-					thumbnailUrl: l.get(e) ?? null
-				})
-			}, e))
-		}), /* @__PURE__ */ M("div", {
+				children: E.slice(O, k + 1).map((e, t) => /* @__PURE__ */ N("div", {
+					"data-page": e,
+					ref: (n) => {
+						if (n) {
+							if (t === 0 && O === 0 && y.current === Mo) {
+								let e = n.getBoundingClientRect().height;
+								e > 0 && (y.current = e, x(e));
+							}
+							m.current.set(e, n), h.current?.observe(n);
+						} else m.current.delete(e);
+					},
+					children: /* @__PURE__ */ N(ko, {
+						pageNum: e,
+						onSelectPage: D,
+						isSelected: d === e,
+						isLoading: !l.has(e),
+						thumbnailUrl: l.get(e) ?? null
+					})
+				}, e))
+			})
+		}), /* @__PURE__ */ N("div", {
 			className: a("min-w-0 flex-1 overflow-auto", Ao.viewer),
-			children: /* @__PURE__ */ M(Oo, {
+			children: /* @__PURE__ */ N(Oo, {
 				fileUrl: e,
-				loadFileCb: r ?? pe,
+				loadFileCb: r ?? fe,
 				highlights: t,
 				selectedHighlightId: n,
 				showOccurrences: !1,
 				onTotalPagesChange: s,
-				thumbnailPageNumbers: h,
-				onThumbnailsLoaded: g,
-				onViewerReady: _
+				thumbnailPageNumbers: ee,
+				onThumbnailsLoaded: te,
+				onViewerReady: ne
 			})
 		})]
-	});
+	}) : null;
 }, $ = {
 	body: "_body_t1fhd_2",
 	statusLabel: "_statusLabel_t1fhd_6",
@@ -17075,84 +17117,88 @@ var Eo = po.map((e) => ({
 	jsonExpandIcon: "_jsonExpandIcon_t1fhd_53",
 	jsonCollapseIcon: "_jsonCollapseIcon_t1fhd_65",
 	jsonCollapsedContent: "_jsonCollapsedContent_t1fhd_81"
-}, Mo = 2e3, No = ({ url: e, fileName: t, loadErrorLabel: n }) => {
-	let [r, i] = j(!1);
-	return A(() => {
+}, Po = 2e3, Fo = ({ url: e, fileName: t, loadErrorLabel: n }) => {
+	let [r, i] = M(!1);
+	return j(() => {
 		i(!1);
-	}, [e]), r ? /* @__PURE__ */ N("div", {
+	}, [e]), r ? /* @__PURE__ */ P("div", {
 		className: "flex flex-col items-center gap-2",
-		children: [/* @__PURE__ */ M(S, {
+		children: [/* @__PURE__ */ N(S, {
 			size: 60,
 			stroke: 1.5,
 			className: $.errorIcon
-		}), /* @__PURE__ */ M("p", {
+		}), /* @__PURE__ */ N("p", {
 			className: a("text-center", $.statusLabel),
 			children: n
 		})]
-	}) : /* @__PURE__ */ M("img", {
+	}) : /* @__PURE__ */ N("img", {
 		src: e,
 		alt: t ?? "",
 		className: "max-h-full max-w-full object-contain",
 		onError: () => i(!0)
 	});
-}, Po = ie(({ isOpen: t, isLoading: i = !1, onClose: o, content: s, fileName: c, labels: { ariaLabel: f, closeLabel: p = "Close", downloadLabel: m = "Download", copyTextLabel: g = "Copy text", copiedTextLabel: _ = "Copied!", copyMarkdownLabel: y = "Copy as Markdown", copiedMarkdownLabel: b = "Copied!", copyJsonLabel: x = "Copy as JSON", copiedJsonLabel: w = "Copied!", unsupportedLabel: T = "Preview is not supported for this file", loadErrorLabel: D = "Failed to load file", forbiddenErrorLabel: re = "You don't have permission to access this file" }, onDownload: O, onCopyText: ie, onCopyMarkdown: ae, onCopyJson: A, isMobile: pe = !1, defaultWidth: me, minWidth: he = 600, maxWidth: ge = 1500, onResizeStop: _e, styles: F, codeBlockTheme: ve, loadPdf: ye }) => {
-	let [be, xe] = j(!1), [Se, I] = j(!1), [L, Ce] = j(!1), R = se(null), we = se(null), z = se(null), Te = k(() => {
-		ie?.(), R.current != null && clearTimeout(R.current), xe(!0), R.current = setTimeout(() => xe(!1), Mo);
-	}, [ie]), Ee = k(() => {
-		ae?.(), we.current != null && clearTimeout(we.current), I(!0), we.current = setTimeout(() => I(!1), Mo);
-	}, [ae]), De = k(() => {
-		A?.(), z.current != null && clearTimeout(z.current), Ce(!0), z.current = setTimeout(() => Ce(!1), Mo);
-	}, [A]), { colors: Oe, typography: ke, bodyClassName: Ae, className: je, cssVars: Me, panelStyles: Ne } = F ?? {}, B = oe(() => ({
-		...r({ "--ac-text": Oe?.text }),
-		...Me
-	}), [F]), V = !i && ie != null && s.type === P.PlainText, H = !i && ae != null && s.type === P.Markdown, Pe = !i && A != null && s.type === P.Json, Fe = !i && O != null && fe(s), Ie = oe(() => {
+}, Io = re(({ isOpen: t, isLoading: i = !1, onClose: o, content: s, fileName: c, labels: { ariaLabel: f, closeLabel: p = "Close", downloadLabel: m = "Download", copyTextLabel: g = "Copy text", copiedTextLabel: _ = "Copied!", copyMarkdownLabel: y = "Copy as Markdown", copiedMarkdownLabel: b = "Copied!", copyJsonLabel: x = "Copy as JSON", copiedJsonLabel: w = "Copied!", unsupportedLabel: T = "Preview is not supported for this file", loadErrorLabel: D = "Failed to load file", forbiddenErrorLabel: O = "You don't have permission to access this file" }, onDownload: k, onCopyText: re, onCopyMarkdown: ie, onCopyJson: fe, isMobile: pe = !1, defaultWidth: me, minWidth: he = 600, maxWidth: ge = 1500, onResizeStop: _e, styles: ve, codeBlockTheme: ye, loadPdf: be }) => {
+	let [xe, Se] = M(!1), [I, L] = M(!1), [Ce, R] = M(!1), we = oe(null), z = oe(null), Te = oe(null), Ee = A(() => {
+		re?.(), we.current != null && clearTimeout(we.current), Se(!0), we.current = setTimeout(() => Se(!1), Po);
+	}, [re]), De = A(() => {
+		ie?.(), z.current != null && clearTimeout(z.current), L(!0), z.current = setTimeout(() => L(!1), Po);
+	}, [ie]), Oe = A(() => {
+		fe?.(), Te.current != null && clearTimeout(Te.current), R(!0), Te.current = setTimeout(() => R(!1), Po);
+	}, [fe]);
+	j(() => () => {
+		we.current != null && clearTimeout(we.current), z.current != null && clearTimeout(z.current), Te.current != null && clearTimeout(Te.current);
+	}, []);
+	let { colors: ke, typography: Ae, bodyClassName: je, className: Me, cssVars: Ne, panelStyles: B } = ve ?? {}, V = ae(() => ({
+		...r({ "--ac-text": ke?.text }),
+		...Ne
+	}), [ve]), H = !i && re != null && s.type === F.PlainText, Pe = !i && ie != null && s.type === F.Markdown, Fe = !i && fe != null && s.type === F.Json, Ie = !i && k != null && de(s), U = ae(() => {
 		switch (s.type) {
-			case P.Image:
-			case P.Audio:
-			case P.Unsupported:
-			case P.Error: return "h-full overflow-auto p-4 flex items-center justify-center";
-			case P.Json: return "h-full overflow-auto";
-			case P.Pdf: return "h-full overflow-hidden";
+			case F.Image:
+			case F.Audio:
+			case F.Unsupported:
+			case F.Error: return "h-full overflow-auto p-4 flex items-center justify-center";
+			case F.Json: return "h-full overflow-auto";
+			case F.Pdf: return "h-full overflow-hidden";
 			default: return "h-full overflow-auto p-4";
 		}
-	}, [s.type]), U = oe(() => {
+	}, [s.type]), Le = ae(() => {
 		switch (s.type) {
-			case P.PlainText: return /* @__PURE__ */ M("pre", {
-				className: a("whitespace-pre-wrap break-words", $.body, ke?.fontClassName),
+			case F.PlainText: return /* @__PURE__ */ N("pre", {
+				className: a("whitespace-pre-wrap break-words", $.body, Ae?.fontClassName),
 				children: s.text
 			});
-			case P.Image: return /* @__PURE__ */ M(No, {
+			case F.Image: return /* @__PURE__ */ N(Fo, {
 				url: s.url,
 				fileName: c,
 				loadErrorLabel: D
 			});
-			case P.Audio: return /* @__PURE__ */ M("audio", {
+			case F.Audio: return /* @__PURE__ */ N("audio", {
 				controls: !0,
 				src: s.url,
 				"aria-label": c ?? "Audio attachment",
 				className: "w-full max-w-sm",
 				preload: "metadata",
-				children: s.mimeType && /* @__PURE__ */ M("source", {
+				children: s.mimeType && /* @__PURE__ */ N("source", {
 					src: s.url,
 					type: s.mimeType
 				})
 			});
-			case P.Markdown: return /* @__PURE__ */ M(n, {
+			case F.Markdown: return /* @__PURE__ */ N(n, {
 				content: s.text,
 				isStreaming: !1,
-				codeBlockTheme: ve,
+				codeBlockTheme: ye,
 				classNames: e
 			});
-			case P.Json: return /* @__PURE__ */ M("div", {
+			case F.Json: return /* @__PURE__ */ N("div", {
 				dir: "ltr",
 				className: "h-full overflow-auto",
-				children: /* @__PURE__ */ M("div", {
+				children: /* @__PURE__ */ N("div", {
 					className: a("m-3 overflow-auto rounded-md border", $.jsonWrapper),
-					children: /* @__PURE__ */ M(ce, {
+					children: /* @__PURE__ */ N(se, {
 						data: s.value,
 						style: {
 							container: a("whitespace-pre-wrap break-words p-2", $.jsonContainer),
-							basicChildStyle: le.basicChildStyle,
+							basicChildStyle: ce.basicChildStyle,
 							childFieldsContainer: "m-0 ps-3",
 							label: a("me-1 font-semibold", $.jsonLabel),
 							clickableLabel: a("me-1 cursor-pointer font-semibold hover:underline", $.jsonClickableLabel),
@@ -17170,43 +17216,43 @@ var Eo = po.map((e) => ({
 					})
 				})
 			});
-			case P.Pdf: return /* @__PURE__ */ M(jo, {
+			case F.Pdf: return /* @__PURE__ */ N(No, {
 				fileName: c,
 				url: s.url,
 				highlights: s.highlights ?? [],
 				selectedHighlightId: s.selectedHighlightId,
-				loadPdf: ye
+				loadPdf: be
 			}, s.url);
-			case P.Unsupported: return /* @__PURE__ */ M("p", {
+			case F.Unsupported: return /* @__PURE__ */ N("p", {
 				className: a("text-center", $.statusLabel),
 				children: T
 			});
-			case P.Error: {
-				let e = s.errorType === de.Forbidden;
-				return /* @__PURE__ */ N("div", {
+			case F.Error: {
+				let e = s.errorType === ue.Forbidden;
+				return /* @__PURE__ */ P("div", {
 					className: "flex flex-col items-center gap-2",
-					children: [M(e ? te : S, {
+					children: [N(e ? te : S, {
 						size: 60,
 						stroke: 1.5,
 						className: $.errorIcon
-					}), /* @__PURE__ */ M("p", {
+					}), /* @__PURE__ */ N("p", {
 						className: a("text-center", $.statusLabel),
-						children: e ? re : D
+						children: e ? O : D
 					})]
 				});
 			}
 		}
 	}, [
 		s,
-		ke?.fontClassName,
+		Ae?.fontClassName,
 		c,
-		ve,
+		ye,
 		T,
 		D,
-		re,
-		ye
+		O,
+		be
 	]);
-	return /* @__PURE__ */ M(u, {
+	return /* @__PURE__ */ N(u, {
 		isOpen: t,
 		orientation: l.Right,
 		title: c,
@@ -17221,73 +17267,73 @@ var Eo = po.map((e) => ({
 		maxWidth: ge,
 		onResizeStop: _e,
 		styles: {
-			...Ne,
-			className: a(t ? "mobile:w-full mobile:max-w-full" : "w-0", je, Ne?.className)
+			...B,
+			className: a(t ? "mobile:w-full mobile:max-w-full" : "w-0", Me, B?.className)
 		},
-		rightActions: V || H || Pe || Fe ? /* @__PURE__ */ N(ue, { children: [
-			V && /* @__PURE__ */ M(h, {
-				icon: M(be ? C : E, {
+		rightActions: H || Pe || Fe || Ie ? /* @__PURE__ */ P(le, { children: [
+			H && /* @__PURE__ */ N(h, {
+				icon: N(xe ? C : E, {
 					size: d.LG,
 					stroke: 1.5
 				}),
-				"aria-label": be ? _ : g,
-				tooltipProps: { tooltip: be ? _ : g },
-				onClick: Te
+				"aria-label": xe ? _ : g,
+				tooltipProps: { tooltip: xe ? _ : g },
+				onClick: Ee
 			}),
-			H && /* @__PURE__ */ M(h, {
-				icon: M(Se ? C : ne, {
+			Pe && /* @__PURE__ */ N(h, {
+				icon: N(I ? C : ne, {
 					size: d.LG,
 					stroke: 1.5
 				}),
-				"aria-label": Se ? b : y,
-				tooltipProps: { tooltip: Se ? b : y },
-				onClick: Ee
+				"aria-label": I ? b : y,
+				tooltipProps: { tooltip: I ? b : y },
+				onClick: De
 			}),
-			Pe && /* @__PURE__ */ M(h, {
-				icon: M(L ? C : E, {
+			Fe && /* @__PURE__ */ N(h, {
+				icon: N(Ce ? C : E, {
 					size: d.LG,
 					stroke: 1.5
 				}),
-				"aria-label": L ? w : x,
-				tooltipProps: { tooltip: L ? w : x },
-				onClick: De
+				"aria-label": Ce ? w : x,
+				tooltipProps: { tooltip: Ce ? w : x },
+				onClick: Oe
 			}),
-			Fe && /* @__PURE__ */ M(h, {
-				icon: /* @__PURE__ */ M(ee, {
+			Ie && /* @__PURE__ */ N(h, {
+				icon: /* @__PURE__ */ N(ee, {
 					size: d.LG,
 					stroke: 1.5
 				}),
 				"aria-label": m,
 				tooltipProps: { tooltip: m },
-				onClick: O
+				onClick: k
 			})
 		] }) : null,
-		children: /* @__PURE__ */ M("div", {
-			style: !i && s.type === P.PlainText ? B : void 0,
-			className: a(i ? "flex h-full items-center justify-center" : Ie, Ae),
-			children: i ? /* @__PURE__ */ M(v, {}) : U
+		children: /* @__PURE__ */ N("div", {
+			style: !i && s.type === F.PlainText ? V : void 0,
+			className: a(i ? "flex h-full items-center justify-center" : U, je),
+			children: i ? /* @__PURE__ */ N(v, {}) : Le
 		})
 	});
-}), Fo = {
-	type: P.PlainText,
+}), Lo = {
+	type: F.PlainText,
 	text: ""
-}, Io = (e) => {
-	if (!(e.type !== P.Image && e.type !== P.Audio && e.type !== P.Pdf)) return e.url.startsWith("blob:") ? e.url : void 0;
-}, Lo = O(void 0);
-Lo.displayName = "AttachmentCanvasContext";
-var Ro = ({ children: e }) => {
-	let [t, n] = j(!1), [r, i] = j(!1), [a, o] = j(Fo), [s, c] = j(void 0), l = k((e) => {
+}, Ro = (e) => {
+	if (!(e.type !== F.Image && e.type !== F.Audio && e.type !== F.Pdf)) return e.url.startsWith("blob:") ? e.url : void 0;
+}, zo = k(void 0);
+zo.displayName = "AttachmentCanvasContext";
+var Bo = ({ children: e }) => {
+	let [t, n] = M(!1), [r, i] = M(!1), [a, o] = M(Lo), [s, c] = M(void 0), l = A((e) => {
 		c(e), i(!0), n(!0);
-	}, []), u = k((e, t) => {
+	}, []), u = A((e, t) => {
 		o(e), c(t), i(!1), n(!0);
-	}, []), d = k(() => {
-		n(!1), i(!1);
+	}, []), d = A(() => {
+		o(Lo), n(!1), i(!1);
 	}, []);
-	return A(() => () => {
-		let e = Io(a);
+	return j(() => () => {
+		let e = Ro(a);
 		e != null && URL.revokeObjectURL(e);
-	}, [a]), /* @__PURE__ */ M(Lo.Provider, {
-		value: oe(() => ({
+	}, [a]), /* @__PURE__ */ N(zo.Provider, {
+		value: ae(() => ({
 			isOpen: t,
 			isLoading: r,
 			content: a,
@@ -17306,21 +17352,21 @@ var Ro = ({ children: e }) => {
 		]),
 		children: e
 	});
-}, zo = () => {
-	let e = ae(Lo);
+}, Vo = () => {
+	let e = ie(zo);
 	if (!e) throw Error("useAttachmentCanvas must be used within an AttachmentCanvasProvider");
 	return e;
-}, Bo = ie(({ labels: e, isMobile: t = !1, defaultWidth: n, maxWidth: r, codeBlockTheme: a }) => {
-	let { ariaLabel: o = "Attachment preview", closeLabel: s = "Close", downloadLabel: c = "Download", unsupportedLabel: l = "Preview is not supported for this file", loadErrorLabel: u = "Failed to load file", forbiddenErrorLabel: d = "You don't have permission to access this file", copyTextLabel: f, copiedTextLabel: p, copyMarkdownLabel: m, copiedMarkdownLabel: h, copyJsonLabel: g, copiedJsonLabel: _ } = e ?? {}, { isOpen: v, isLoading: y, content: b, fileName: x, closeCanvas: S } = zo(), C = k(() => {
-		me(b, x);
-	}, [b, x]), w = k(() => {
-		b.type === P.PlainText && i(b.text);
-	}, [b]), T = k(() => {
-		b.type === P.Markdown && i(b.text);
-	}, [b]), E = k(() => {
-		b.type === P.Json && i(JSON.stringify(b.value, null, 2));
+}, Ho = re(({ labels: e, isMobile: t = !1, defaultWidth: n, maxWidth: r, codeBlockTheme: a }) => {
+	let { ariaLabel: o = "Attachment preview", closeLabel: s = "Close", downloadLabel: c = "Download", unsupportedLabel: l = "Preview is not supported for this file", loadErrorLabel: u = "Failed to load file", forbiddenErrorLabel: d = "You don't have permission to access this file", copyTextLabel: f, copiedTextLabel: p, copyMarkdownLabel: m, copiedMarkdownLabel: h, copyJsonLabel: g, copiedJsonLabel: _ } = e ?? {}, { isOpen: v, isLoading: y, content: b, fileName: x, closeCanvas: S } = Vo(), C = A(() => {
+		pe(b, x);
+	}, [b, x]), w = A(() => {
+		b.type === F.PlainText && i(b.text);
+	}, [b]), T = A(() => {
+		b.type === F.Markdown && i(b.text);
+	}, [b]), E = A(() => {
+		b.type === F.Json && i(JSON.stringify(b.value, null, 2));
 	}, [b]);
-	return /* @__PURE__ */ M(Po, {
+	return /* @__PURE__ */ N(Io, {
 		isOpen: v,
 		isLoading: y,
 		onClose: S,
@@ -17341,28 +17387,28 @@ var Ro = ({ children: e }) => {
 			forbiddenErrorLabel: d
 		},
 		onDownload: C,
-		onCopyText: b.type === P.PlainText ? w : void 0,
-		onCopyMarkdown: b.type === P.Markdown ? T : void 0,
-		onCopyJson: b.type === P.Json ? E : void 0,
+		onCopyText: b.type === F.PlainText ? w : void 0,
+		onCopyMarkdown: b.type === F.Markdown ? T : void 0,
+		onCopyJson: b.type === F.Json ? E : void 0,
 		isMobile: t,
 		defaultWidth: n,
 		maxWidth: r,
 		codeBlockTheme: a
 	});
-}), Vo = new Set(/* @__PURE__ */ "txt.md.markdown.json.jsonl.ndjson.xml.csv.tsv.yaml.yml.toml.ini.conf.cfg.html.htm.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(".")), Ho = (e) => {
+}), Uo = new Set(/* @__PURE__ */ "txt.md.markdown.json.jsonl.ndjson.xml.csv.tsv.yaml.yml.toml.ini.conf.cfg.html.htm.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(".")), Wo = (e) => {
 	let t = e.lastIndexOf(".");
-	return t === -1 ? !1 : Vo.has(e.slice(t + 1).toLowerCase());
-}, Uo = (e) => ({
-	type: P.Unsupported,
+	return t === -1 ? !1 : Uo.has(e.slice(t + 1).toLowerCase());
+}, Go = (e) => ({
+	type: F.Unsupported,
 	...e != null && { url: e }
-}), Wo = (e) => ({
-	type: P.Error,
-	errorType: de.LoadFailed,
+}), Ko = (e) => ({
+	type: F.Error,
+	errorType: ue.LoadFailed,
 	...e != null && { url: e }
-}), Go = (e) => ({
-	type: P.Error,
-	errorType: de.Forbidden,
+}), qo = (e) => ({
+	type: F.Error,
+	errorType: ue.Forbidden,
 	...e != null && { url: e }
 });
 //#endregion
-export { Po as AttachmentCanvas, Bo as AttachmentCanvasContainer, Ro as AttachmentCanvasProvider, P as AttachmentContentType, de as AttachmentErrorType, Go as createForbiddenCanvasContent, Wo as createLoadErrorCanvasContent, Uo as createUnsupportedCanvasContent, me as downloadAttachmentContent, fe as isDownloadable, Ho as isTextPreviewable, zo as useAttachmentCanvas };
+export { Io as AttachmentCanvas, Ho as AttachmentCanvasContainer, Bo as AttachmentCanvasProvider, F as AttachmentContentType, ue as AttachmentErrorType, qo as createForbiddenCanvasContent, Ko as createLoadErrorCanvasContent, Go as createUnsupportedCanvasContent, pe as downloadAttachmentContent, de as isDownloadable, Wo as isTextPreviewable, Vo as useAttachmentCanvas };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-attachment-canvas",
   "description": "Canvas viewer for rendering attachment content — images, PDFs, JSON, markdown, and plain text",
-  "version": "1.1.0-dev.56",
+  "version": "1.1.0-dev.58",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -17,8 +17,8 @@
     }
   },
   "peerDependencies": {
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.56",
-    "@epam/ai-dial-sidebar": "1.1.0-dev.56",
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.58",
+    "@epam/ai-dial-sidebar": "1.1.0-dev.58",
     "@epam/ai-dial-ui-kit": "^0.13.0-dev.17",
     "@epam/pdf-highlighter-kit": ">=0.0.14",
     "@tabler/icons-react": "^3.44.0",