@epam/ai-dial-attachment-canvas 1.1.0-dev.43 → 1.1.0-dev.430

package/LazyContentBoundary-9fvYBGuL.js

@@ -0,0 +1,171 @@
+import { MIMEType as e, ensureDownloadFilename as t, mergeClasses as n, triggerAnchorDownload as r, triggerBlobDownload as i } from "@epam/ai-dial-chat-shared";
+import { Button as a, Spinner as o } from "@epam/ai-dial-ui-kit";
+import { Component as s, Suspense as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/types/attachment-canvas.ts
+var d = /* @__PURE__ */ function(e) {
+	return e.PlainText = "plain_text", e.Image = "image", e.Audio = "audio", e.Markdown = "markdown", e.MarkdownTable = "markdown_table", e.Json = "json", e.Pdf = "pdf", e.Ooxml = "ooxml", e.Code = "code", e.Html = "html", e.Visualizer = "visualizer", e.McpApp = "mcp_app", e.Unsupported = "unsupported", e.Error = "error", e;
+}({}), f = /* @__PURE__ */ function(e) {
+	return e.Docx = "docx", e.Xlsx = "xlsx", e.Pptx = "pptx", e.Csv = "csv", e;
+}({}), p = /* @__PURE__ */ function(e) {
+	return e.LoadFailed = "load_failed", e.Forbidden = "forbidden", e;
+}({}), m = {
+	[f.Docx]: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+	[f.Xlsx]: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+	[f.Pptx]: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+	[f.Csv]: e.CSV
+}, h = (e) => {
+	switch (e.type) {
+		case d.PlainText:
+		case d.Markdown:
+		case d.Json:
+		case d.Image:
+		case d.Audio:
+		case d.Pdf:
+		case d.Ooxml:
+		case d.Code: return !0;
+		case d.Html: return e.url != null;
+		case d.MarkdownTable:
+		case d.Visualizer:
+		case d.McpApp: return !1;
+		case d.Unsupported: return e.url != null;
+		case d.Error: return e.errorType !== p.Forbidden && e.url != null;
+	}
+}, g = async (e) => {
+	let t = await fetch(e);
+	if (!t.ok) throw Error(`HTTP ${t.status}`);
+	return t.blob();
+}, _ = (t) => {
+	switch (t.type) {
+		case d.Image: return {
+			url: t.url,
+			mimeType: void 0
+		};
+		case d.Audio: return {
+			url: t.url,
+			mimeType: t.mimeType
+		};
+		case d.Pdf: return {
+			url: t.url,
+			mimeType: e.PDF
+		};
+		case d.Ooxml: return {
+			url: t.url,
+			mimeType: m[t.format]
+		};
+		case d.Html: return {
+			url: t.url,
+			mimeType: e.HTML
+		};
+		case d.Unsupported:
+		case d.Error: return {
+			url: t.url,
+			mimeType: void 0
+		};
+		case d.PlainText:
+		case d.Code: return {
+			url: void 0,
+			mimeType: e.Plain
+		};
+		case d.Markdown:
+		case d.MarkdownTable: return {
+			url: void 0,
+			mimeType: e.Markdown
+		};
+		case d.Json: return {
+			url: void 0,
+			mimeType: e.JSON
+		};
+		default: return {
+			url: void 0,
+			mimeType: void 0
+		};
+	}
+}, v = (n, a) => {
+	let { url: o, mimeType: s } = _(n), c = t(a ?? "attachment", o, s);
+	switch (n.type) {
+		case d.PlainText:
+			if (n.text === "") return;
+			i(new Blob([n.text], { type: e.Plain }), c);
+			return;
+		case d.Markdown:
+			if (n.text === "") return;
+			i(new Blob([n.text], { type: e.Markdown }), c);
+			return;
+		case d.Json:
+			i(new Blob([JSON.stringify(n.value, null, 2)], { type: e.JSON }), c);
+			return;
+		case d.Image:
+		case d.Audio:
+		case d.Pdf:
+		case d.Ooxml:
+			r(n.url, c);
+			return;
+		case d.Code:
+			if (n.text === "") return;
+			i(new Blob([n.text], { type: e.Plain }), c);
+			return;
+		case d.Html:
+			if (n.url == null) return;
+			r(n.url, c);
+			return;
+		case d.MarkdownTable:
+		case d.Visualizer:
+		case d.McpApp: return;
+		case d.Unsupported:
+			if (n.url == null) return;
+			r(n.url, c);
+			return;
+		case d.Error:
+			if (!h(n) || n.url == null) return;
+			r(n.url, c);
+			return;
+	}
+}, y = ({ loadingLabel: e, pendingContent: t }) => /* @__PURE__ */ u("div", {
+	role: "status",
+	"aria-live": "polite",
+	className: "flex h-full items-center justify-center",
+	children: [t ?? /* @__PURE__ */ l(o, {}), /* @__PURE__ */ l("span", {
+		className: "sr-only",
+		children: e
+	})]
+}), b = ({ errorLabel: e, retryLabel: t, onRetry: r, errorContent: i }) => /* @__PURE__ */ u("div", {
+	className: "flex h-full flex-col items-center justify-center gap-3 p-4",
+	children: [i, /* @__PURE__ */ u("div", {
+		role: "alert",
+		className: "flex flex-col items-center gap-3 text-center",
+		children: [/* @__PURE__ */ l("p", {
+			className: n("dial-body-text", "text-secondary"),
+			children: e
+		}), /* @__PURE__ */ l(a, {
+			label: t,
+			"aria-label": t,
+			onClick: r
+		})]
+	})]
+}), x = class extends s {
+	state = { hasError: !1 };
+	static getDerivedStateFromError() {
+		return { hasError: !0 };
+	}
+	componentDidUpdate(e) {
+		e.retryKey !== this.props.retryKey && this.state.hasError && this.setState({ hasError: !1 });
+	}
+	render() {
+		let { children: e, onRetry: t, pendingContent: n, errorContent: r, labels: { loadingLabel: i = "Loading…", errorLabel: a = "Failed to load content", retryLabel: o = "Retry" } = {} } = this.props;
+		return this.state.hasError ? /* @__PURE__ */ l(b, {
+			errorLabel: a,
+			retryLabel: o,
+			onRetry: t,
+			errorContent: r
+		}) : /* @__PURE__ */ l(c, {
+			fallback: /* @__PURE__ */ l(y, {
+				loadingLabel: i,
+				pendingContent: n
+			}),
+			children: e
+		});
+	}
+};
+//#endregion
+export { g as a, p as c, v as i, f as l, b as n, h as o, y as r, d as s, x as t };

package/PdfContent-BexpRNO0.js

@@ -0,0 +1,239 @@
+import "./PdfContent.css";
+import { a as e, n as t, r as n } from "./LazyContentBoundary-9fvYBGuL.js";
+import { mergeClasses as r } from "@epam/ai-dial-chat-shared";
+import { DIAL_ICON_SIZE as i, DIAL_KIT_ICON_STROKE as a, Dropdown as o, ElementSize as s, FabButton as c, Input as l } from "@epam/ai-dial-ui-kit";
+import { IconMenu2 as ee, IconX as te } from "@tabler/icons-react";
+import { useCallback as u, useEffect as d, useId as ne, useRef as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { DocumentPreview as re, PageThumbnail as ie } from "@epam/ai-dial-react-pdf-highlighter";
+var ae = { viewer: "_viewer_1gfxm_1" }, g = null, _ = (e) => (g ||= new Promise((t, n) => {
+	try {
+		t(e());
+	} catch (e) {
+		n(e);
+	}
+}).catch((e) => {
+	throw g = null, e;
+}), g), v = 15, y = 3, b = 172, oe = 400, se = 150, ce = 60, x = ({ url: g, highlights: x, selectedHighlightId: S, selectedPageNumber: C, loadPdf: le, configurePdfWorker: w, hideHeader: ue = !1, labels: { thumbnailsLabel: de = "Thumbnails", showThumbnailsLabel: fe = "Show thumbnails", hideThumbnailsLabel: pe = "Hide thumbnails", pageNumberLabel: me = "Page number", loadingLabel: he = "Loading…", errorLabel: ge = "Failed to load content", retryLabel: _e = "Retry" } = {} }) => {
+	let [T, E] = p(() => w ? "preparing" : "ready"), [ve, ye] = p(0);
+	d(() => {
+		if (!w) return;
+		E("preparing");
+		let e = !1;
+		return _(w).then(() => {
+			e || E("ready");
+		}).catch(() => {
+			e || E("error");
+		}), () => {
+			e = !0;
+		};
+	}, [w, ve]);
+	let D = u(() => {
+		ye((e) => e + 1);
+	}, []), O = ne(), [k, A] = p(0), [j, M] = p(/* @__PURE__ */ new Map()), [N, P] = p(!1), [F, I] = p(() => C ?? (S ? x.find((e) => e.id === S)?.bboxes[0]?.page ?? 1 : 1)), L = f(null), R = f(null), [be, z] = p([]), [B, xe] = p(b), [Se, Ce] = p(oe), [we, Te] = p(0), V = f(!1), H = f(0), U = f(null);
+	d(() => {
+		if (C != null) {
+			I(C);
+			return;
+		}
+		if (!S) return;
+		let e = x.find((e) => e.id === S)?.bboxes[0]?.page;
+		e != null && I(e);
+	}, [
+		C,
+		S,
+		x
+	]), d(() => {
+		let e = R.current;
+		if (!N || !e) return;
+		let t = new ResizeObserver((e) => {
+			let t = e[0]?.contentRect.height;
+			t && Ce(t);
+		});
+		return t.observe(e), () => t.disconnect();
+	}, [N]);
+	let Ee = u((e) => {
+		if (!e || V.current) return;
+		let t = e.getBoundingClientRect().height;
+		t > 0 && (V.current = !0, xe(t));
+	}, []), De = u((e) => {
+		H.current = e.currentTarget.scrollTop, U.current ??= requestAnimationFrame(() => {
+			U.current = null, Te(H.current);
+		});
+	}, []);
+	d(() => () => {
+		U.current != null && cancelAnimationFrame(U.current);
+	}, []), d(() => {
+		let e = R.current;
+		if (!e || k === 0) return;
+		let t = (F - 1) * B - e.clientHeight / 2 + B / 2;
+		e.scrollTo({
+			top: Math.max(0, t),
+			behavior: "smooth"
+		});
+	}, [
+		F,
+		k,
+		N,
+		B
+	]);
+	let W = Math.max(0, Math.floor(we / B) - y), Oe = Math.ceil(Se / B) + y * 2, G = Math.min(k - 1, W + Oe);
+	d(() => {
+		if (k === 0) return;
+		let e = Math.min(k, v);
+		z(Array.from({ length: e }, (e, t) => t + 1));
+	}, [k]), d(() => {
+		if (!N || k === 0) return;
+		let e = setTimeout(() => {
+			z((e) => {
+				let t = new Set(e), n = !1;
+				for (let e = W + 1; e <= G + 1; e++) t.has(e) || (t.add(e), n = !0);
+				return n ? Array.from(t).sort((e, t) => e - t) : e;
+			});
+		}, se);
+		return () => clearTimeout(e);
+	}, [
+		N,
+		W,
+		G,
+		k
+	]);
+	let ke = u((e) => {
+		M((t) => new Map([...t, ...e]));
+	}, []), [K, q] = p(!1), Ae = u((e) => {
+		L.current = e, q(!0);
+	}, []), J = f(null);
+	d(() => {
+		if (!K) return;
+		let e = J.current, t = e?.querySelector(".pdf-container"), n = e?.querySelector(".pdf-highlight-viewer");
+		if (!t || !n) return;
+		let r = () => {
+			let e = n.scrollWidth - n.clientWidth;
+			e > 0 && (n.scrollLeft = e / 2);
+		};
+		r();
+		let i = new ResizeObserver(r);
+		i.observe(t), i.observe(n);
+		let a = L.current?.getZoom(), o = 0, s, c = () => {
+			let e = L.current?.getZoom();
+			e !== a && (a = e, o = ce), o > 0 && (r(), --o), s = requestAnimationFrame(c);
+		};
+		return s = requestAnimationFrame(c), () => {
+			cancelAnimationFrame(s), i.disconnect();
+		};
+	}, [K]), d(() => {
+		if (!K || S || C != null) return;
+		let e = requestAnimationFrame(() => {
+			L.current?.navigateToPage(1);
+		});
+		return () => cancelAnimationFrame(e);
+	}, [
+		K,
+		S,
+		C
+	]);
+	let Y = u((e) => {
+		I(e), L.current?.navigateToPage(e);
+	}, []), [X, Z] = p(() => String(F));
+	d(() => {
+		Z(String(F));
+	}, [F]);
+	let Q = u((e) => {
+		let t = Number(e);
+		Number.isInteger(t) && t >= 1 && t <= k ? Y(t) : Z(String(F));
+	}, [
+		k,
+		F,
+		Y
+	]);
+	if (!g) return null;
+	if (T === "preparing") return /* @__PURE__ */ m(n, { loadingLabel: he });
+	if (T === "error") return /* @__PURE__ */ m(t, {
+		errorLabel: ge,
+		retryLabel: _e,
+		onRetry: D
+	});
+	let $ = [];
+	for (let e = W + 1; e <= G + 1 && e <= k; e++) $.push(/* @__PURE__ */ m("div", {
+		ref: e === W + 1 ? Ee : void 0,
+		children: /* @__PURE__ */ m(ie, {
+			pageNum: e,
+			onSelectPage: Y,
+			isSelected: F === e,
+			isLoading: !j.has(e),
+			thumbnailUrl: j.get(e) ?? null
+		})
+	}, e));
+	let je = W * B, Me = Math.max(0, k - G - 1) * B;
+	return /* @__PURE__ */ h("div", {
+		className: "relative flex h-full overflow-hidden",
+		children: [k > 0 && /* @__PURE__ */ m("div", {
+			className: "absolute start-3 top-3 z-10",
+			children: /* @__PURE__ */ m(o, {
+				open: N,
+				onOpenChange: P,
+				placement: "bottom-start",
+				matchReferenceWidth: !1,
+				renderOverlay: () => /* @__PURE__ */ h("div", {
+					className: "flex w-36 flex-col",
+					children: [/* @__PURE__ */ m("div", {
+						className: "shrink-0 p-1",
+						children: /* @__PURE__ */ m(l, {
+							size: s.Small,
+							"aria-label": me,
+							value: X,
+							postfix: `/ ${k}`,
+							inputMode: "numeric",
+							onChange: (e) => Z(e ?? ""),
+							onBlur: () => Q(X),
+							onKeyDown: (e) => {
+								e.key === "Enter" && Q(X);
+							}
+						})
+					}), /* @__PURE__ */ h("div", {
+						ref: R,
+						id: O,
+						role: "region",
+						"aria-label": de,
+						onScroll: De,
+						className: "max-h-[70vh] min-h-0 overflow-y-auto overflow-x-hidden p-1 [scrollbar-gutter:stable]",
+						children: [
+							/* @__PURE__ */ m("div", { style: { height: je } }),
+							$,
+							/* @__PURE__ */ m("div", { style: { height: Me } })
+						]
+					})]
+				}),
+				children: /* @__PURE__ */ m(c, {
+					icon: m(N ? te : ee, {
+						size: i.LG,
+						stroke: a,
+						"aria-hidden": !0
+					}),
+					"aria-label": N ? pe : fe,
+					"aria-expanded": N,
+					"aria-controls": N ? O : void 0
+				})
+			})
+		}), /* @__PURE__ */ m("div", {
+			ref: J,
+			className: r("min-w-0 flex-1 overflow-hidden", ae.viewer),
+			children: /* @__PURE__ */ m(re, {
+				fileUrl: g,
+				loadFileCb: le ?? e,
+				highlights: x,
+				selectedHighlightId: S,
+				selectedPageNumber: C,
+				showOccurrences: !1,
+				onTotalPagesChange: A,
+				thumbnailPageNumbers: be,
+				onThumbnailsLoaded: ke,
+				onViewerReady: Ae,
+				viewerOptions: { enableVirtualScrolling: !0 },
+				containerClassName: ue ? "[&>div:first-child]:hidden" : void 0
+			})
+		})]
+	});
+};
+//#endregion
+export { x as PdfContent };

package/PdfContent.css

@@ -0,0 +1 @@
+._viewer_1gfxm_1 .pdf-container{min-width:max-content}*,:after,:before,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:after,:before{box-sizing:border-box;border:0 solid}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre,fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=769px){.container{max-width:769px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-1{left:.25rem}.top-1{top:.25rem}.z-10{z-index:10}.z-20{z-index:20}.mx-auto{margin-left:auto;margin-right:auto}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.hidden{display:none}.h-4{height:1rem}.h-6{height:1.5rem}.h-\[146px\]{height:146px}.h-\[186px\]{height:186px}.h-\[600px\]{height:600px}.h-\[700px\]{height:700px}.h-full{height:100%}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-6{min-height:1.5rem}.min-h-\[26px\]{min-height:26px}.w-64{width:16rem}.w-\[104px\]{width:104px}.w-\[120px\]{width:120px}.w-\[208px\]{width:208px}.w-\[28\%\]{width:28%}.w-\[500px\]{width:500px}.w-\[58\%\]{width:58%}.w-fit{width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-3{min-width:.75rem}.max-w-\[320px\]{max-width:320px}.max-w-\[40\%\]{max-width:40%}.max-w-\[520px\]{max-width:520px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-skeleton-wave{animation:3.5s ease-in-out infinite skeleton-wave}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.\!justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:4px}.rounded-\[120px\]{border-radius:120px}.rounded-sm{border-radius:.125rem}.border{border-width:1px}.border-r{border-right-width:1px}.border-accent{border-color:var(--stroke-accent,#1d4ed8)}.border-primary{border-color:var(--stroke-primary,#57647a)}.border-tertiary{border-color:var(--stroke-tertiary,#e0e6f0)}.border-transparent{border-color:#0000}.bg-backdrop{background-color:var(--bg-backdrop,#161b2d4d)}.bg-control-accent-alpha{background-color:var(--bg-control-accent-alpha,#2764d90f)}.bg-control-neutral{background-color:var(--bg-control-neutral,#fcfcfc)}.bg-layer-base{background-color:var(--bg-layer-base,#f5f7fa)}.bg-layer-raised{background-color:var(--bg-layer-raised,#fcfcfc)}.bg-layer-sunken{background-color:var(--bg-layer-sunken,#eef1f7)}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-layer-sunken{--tw-gradient-from:var(--bg-layer-sunken,#eef1f7) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-layer-raised{--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--bg-layer-raised,#fcfcfc) var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-layer-sunken{--tw-gradient-to:var(--bg-layer-sunken,#eef1f7) var(--tw-gradient-to-position)}.bg-\[length\:200\%_100\%\]{background-size:200% 100%}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-4{padding:1rem}.\!py-0{padding-top:0!important;padding-bottom:0!important}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-\[60px\]{padding-left:60px;padding-right:60px}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pl-0\.5{padding-left:.125rem}.pt-10{padding-top:2.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:.75rem;line-height:1rem}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.text-accent{color:var(--text-accent,#1d4ed8)}.text-primary{color:var(--text-primary,#161b2d)}.text-secondary{color:var(--text-secondary,#57647a)}.outline{outline-width:1px;outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:border-accent-alpha:hover{border-color:var(--stroke-accent-alpha,#2764d933)}.hover\:bg-control-accent-alpha-hover:hover{background-color:var(--bg-control-accent-alpha-hover,#2764d924)}.pdf-highlight-viewer{contain:layout style paint;background:#f5f5f5;width:100%;height:100%;position:relative;overflow:auto}.pdf-container{contain:layout style paint;margin:0 auto;padding:20px;position:relative}.pdf-page-container{contain:layout style paint;background:#fff;margin:0 auto 20px;position:relative;box-shadow:0 2px 8px #0000001a}.pdf-canvas{z-index:1;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block;position:relative}.unified-layer{z-index:2;pointer-events:none;opacity:.01;contain:layout style;width:100%;height:100%;position:absolute;top:0;left:0}.unified-layer .text-segment,.unified-layer .highlight-wrapper{pointer-events:auto}.text-segment{white-space:pre;transform-origin:0 0;-webkit-user-select:text;user-select:text;color:#0000;background:0 0;border:none;outline:none;margin:0;padding:0;line-height:1;position:absolute}.text-segment.selectable{cursor:text}.highlight-wrapper{cursor:pointer;transform-origin:0 0;contain:layout style;transition:opacity .2s;position:absolute}.highlight-wrapper:hover{z-index:3}.highlight-background{z-index:-1;will-change:opacity, transform;border-radius:3px;transition:opacity .2s,transform .2s;position:absolute;inset:-2px}.highlight-wrapper:hover .highlight-background{transform:scale(1.02)}.highlight-label{white-space:nowrap;box-sizing:border-box;border:1px solid #0000;flex-shrink:0;align-items:center;padding:2px 4px;font-size:12px;line-height:1.2;display:flex}.highlight-label-icon{box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;min-width:0;min-height:0;display:inline-flex;overflow:hidden}.highlight-label-icon svg{max-width:100%;max-height:100%;color:inherit;fill:none;stroke:currentColor;flex-shrink:0;display:block;width:100%!important;height:100%!important}.unified-layer .highlight-label{margin-right:0}.protein-highlight .highlight-background{background:#ffc8004d;border:1px solid #ffb40099}.protein-highlight:hover .highlight-background{background:#ffc80080;border-color:#ffa000cc}.protein-highlight.selected .highlight-background{outline-offset:1px;background:#ffc800b3;border:2px solid #ff8c00;outline:2px solid #007acc}.gene-highlight .highlight-background{background:#00c8644d;border:1px solid #00b45a99}.gene-highlight:hover .highlight-background{background:#00c86480;border-color:#00a050cc}.gene-highlight.selected .highlight-background{outline-offset:1px;background:#00c864b3;border:2px solid #008c46;outline:2px solid #007acc}.disease-highlight .highlight-background{background:#dc32324d;border:1px solid #c8282899}.disease-highlight:hover .highlight-background{background:#dc323280;border-color:#b41e1ecc}.disease-highlight.selected .highlight-background{outline-offset:1px;background:#dc3232b3;border:2px solid #a01414;outline:2px solid #007acc}.chemical-highlight .highlight-background{background:#0096ff4d;border:1px solid #0082eb99}.chemical-highlight:hover .highlight-background{background:#0096ff80;border-color:#006ed7cc}.chemical-highlight.selected .highlight-background{outline-offset:1px;background:#0096ffb3;border:2px solid #005ac3;outline:2px solid #007acc}.species-highlight .highlight-background{background:#9664c84d;border:1px solid #8250b499}.species-highlight:hover .highlight-background{background:#9664c880;border-color:#6e3ca0cc}.species-highlight.selected .highlight-background{outline-offset:1px;background:#9664c8b3;border:2px solid #5a288c;outline:2px solid #007acc}.pdf-highlight-viewer.scrolling .unified-layer{will-change:transform}.pdf-highlight-viewer.scrolling .highlight-background{transition:none}.highlight-background{backface-visibility:hidden;transform:translateZ(0)}.highlight-wrapper{contain:layout style paint}.text-segment::-moz-selection{color:#0000;background:#007bff4d}.text-segment::selection{color:#0000;background:#007bff4d}.highlight-wrapper .text-segment::-moz-selection{color:#0000;background:#ffffff80}.highlight-wrapper .text-segment::selection{color:#0000;background:#ffffff80}.pdf-page-container.loading{opacity:.7}.pdf-page-container.loading:after{content:"";border:3px solid #f3f3f3;border-top-color:#007acc;border-radius:50%;width:32px;height:32px;margin:-16px 0 0 -16px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-result-highlight .highlight-background{animation:1s ease-in-out infinite alternate pulse-search;background:#ff06!important;border:2px solid #ffd700cc!important}@keyframes pulse-search{0%{opacity:.4}to{opacity:.8}}@media (prefers-contrast:high){.highlight-background{opacity:.8!important;border-width:2px!important}.protein-highlight .highlight-background{background:#ffc80099;border-color:#ff8c00}.gene-highlight .highlight-background{background:#00c86499;border-color:#008c46}.disease-highlight .highlight-background{background:#dc323299;border-color:#a01414}.chemical-highlight .highlight-background{background:#0096ff99;border-color:#005ac3}.species-highlight .highlight-background{background:#9664c899;border-color:#5a288c}}@media (prefers-reduced-motion:reduce){.highlight-background,.highlight-wrapper{transition:none!important;animation:none!important}}.highlight-wrapper:focus{outline-offset:2px;outline:2px solid #007acc}.highlight-wrapper:focus .highlight-background{opacity:.8;transform:scale(1.05)}.pdf-context-menu{z-index:1000;background:#fff;border:1px solid #ccc;border-radius:4px;min-width:180px;padding:4px 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;position:fixed;box-shadow:0 4px 12px #00000026}.pdf-context-menu-item{cursor:pointer;text-align:left;color:#333;background:0 0;border:none;width:100%;padding:8px 16px}.pdf-context-menu-item:hover{background:#f0f0f0}.pdf-context-menu-item:disabled{color:#999;cursor:not-allowed}.pdf-context-menu-separator{background:#eee;height:1px;margin:4px 0}.pdf-tooltip{color:#fff;z-index:1001;pointer-events:none;word-wrap:break-word;background:#000c;border-radius:4px;max-width:300px;padding:8px 12px;font-size:12px;position:fixed}.pdf-tooltip:after{content:"";border:5px solid #0000;border-top-color:#000c;width:0;height:0;margin-left:-5px;position:absolute;top:100%;left:50%}@media (width<=768px){.pdf-container{padding:10px}.pdf-page-container{margin-bottom:10px}.highlight-wrapper{min-width:44px;min-height:44px}.pdf-context-menu{min-width:200px;font-size:16px}.pdf-context-menu-item{padding:12px 16px}}@media print{.pdf-highlight-viewer{background:#fff}.pdf-page-container{box-shadow:none;page-break-after:always;margin-bottom:0}.highlight-background{transition:none;opacity:.6!important}.pdf-context-menu,.pdf-tooltip{display:none!important}}@media (prefers-color-scheme:dark){.pdf-highlight-viewer{background:#1a1a1a}.pdf-page-container{background:#2a2a2a;box-shadow:0 2px 8px #0000004d}.pdf-context-menu{color:#fff;background:#333;border-color:#555}.pdf-context-menu-item{color:#fff}.pdf-context-menu-item:hover,.pdf-context-menu-separator{background:#555}}.highlight-enter{opacity:0;transform:scale(.8)}.highlight-enter-active{opacity:1;transition:opacity .3s,transform .3s;transform:scale(1)}.highlight-exit{opacity:1;transform:scale(1)}.highlight-exit-active{opacity:0;transition:opacity .3s,transform .3s;transform:scale(.8)}.pdf-hidden{display:none!important}.pdf-invisible{visibility:hidden!important}.pdf-no-select{-webkit-user-select:none!important;user-select:none!important}.pdf-no-pointer-events{pointer-events:none!important}