@epam/ai-dial-attachment-canvas 1.3.0-dev.32 → 1.3.0-dev.322

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/{LazyContentBoundary-tNE1ExbI.js → LazyContentBoundary-BJmXYamK.js} +50 -33
  2. package/LazyContentBoundary.css +1 -0
  3. package/PdfContent-DWuP2aKd.js +274 -0
  4. package/PdfContent.css +1 -1
  5. package/components/AttachmentCanvas/AttachmentCanvas.d.ts.map +1 -1
  6. package/components/AttachmentCanvasBody/AttachmentCanvasBody.d.ts.map +1 -1
  7. package/components/AttachmentCanvasContainer/AttachmentCanvasContainer.d.ts +4 -0
  8. package/components/AttachmentCanvasContainer/AttachmentCanvasContainer.d.ts.map +1 -1
  9. package/components/CodeContent/CodeContent.d.ts +4 -0
  10. package/components/CodeContent/CodeContent.d.ts.map +1 -1
  11. package/components/HtmlContent/HtmlContent.d.ts +2 -0
  12. package/components/HtmlContent/HtmlContent.d.ts.map +1 -1
  13. package/components/LazyContentBoundary/LazyContentBoundary.d.ts +13 -14
  14. package/components/LazyContentBoundary/LazyContentBoundary.d.ts.map +1 -1
  15. package/components/McpAppCanvasRenderer/McpAppCanvasRenderer.d.ts.map +1 -1
  16. package/components/OoxmlContent/OoxmlContent.d.ts +2 -0
  17. package/components/OoxmlContent/OoxmlContent.d.ts.map +1 -1
  18. package/components/PdfContent/PdfContent.d.ts +2 -0
  19. package/components/PdfContent/PdfContent.d.ts.map +1 -1
  20. package/components/VisualizerCanvasRenderer/VisualizerCanvasRenderer.d.ts.map +1 -1
  21. package/context/AttachmentCanvasContext.d.ts +9 -3
  22. package/context/AttachmentCanvasContext.d.ts.map +1 -1
  23. package/hooks/useOpenAttachmentCanvas/useOpenAttachmentCanvas.d.ts.map +1 -1
  24. package/index.css +3 -2
  25. package/index.d.ts +1 -0
  26. package/index.d.ts.map +1 -1
  27. package/index.js +736 -667
  28. package/models/attachment-canvas.d.ts +33 -5
  29. package/models/attachment-canvas.d.ts.map +1 -1
  30. package/{ooxml-highlight-surfaces-BzgOKpBV.js → ooxml-highlight-surfaces-C18JJb0P.js} +6 -14
  31. package/package.json +12 -12
  32. package/utils/vite-external-matcher.d.ts +1 -1
  33. package/utils/vite-external-matcher.d.ts.map +1 -1
  34. package/PdfContent-ELaDSyFF.js +0 -266
@@ -1,15 +1,15 @@
1
1
  import { n as e, r as t, t as n } from "./attachment-canvas-BgwyzrRC.js";
2
2
  import { MIMEType as r, ensureDownloadFilename as i, mergeClasses as a, triggerAnchorDownload as o, triggerBlobDownload as s } from "@epam/ai-dial-chat-shared";
3
- import { Button as c, Spinner as l } from "@epam/ai-dial-ui-kit";
4
- import { Component as u, Suspense as d } from "react";
5
- import { jsx as f, jsxs as p } from "react/jsx-runtime";
3
+ import { Button as c, LiveRegion as l, Spinner as u } from "@epam/ai-dial-ui-kit";
4
+ import { Component as d, Suspense as f, useState as p } from "react";
5
+ import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
6
6
  //#region src/utils/download.ts
7
- var m = {
7
+ var _ = {
8
8
  [t.Docx]: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
9
9
  [t.Xlsx]: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
10
10
  [t.Pptx]: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
11
11
  [t.Csv]: r.CSV
12
- }, h = (t) => {
12
+ }, v = (t) => {
13
13
  switch (t.type) {
14
14
  case n.PlainText:
15
15
  case n.Markdown:
@@ -27,11 +27,11 @@ var m = {
27
27
  case n.Unsupported: return t.url != null;
28
28
  case n.Error: return t.errorType !== e.Forbidden && t.url != null;
29
29
  }
30
- }, g = async (e) => {
30
+ }, y = async (e) => {
31
31
  let t = await fetch(e);
32
32
  if (!t.ok) throw Error(`HTTP ${t.status}`);
33
33
  return t.blob();
34
- }, _ = (e) => {
34
+ }, b = (e) => {
35
35
  switch (e.type) {
36
36
  case n.Image: return {
37
37
  url: e.url,
@@ -47,7 +47,7 @@ var m = {
47
47
  };
48
48
  case n.Ooxml: return {
49
49
  url: e.url,
50
- mimeType: m[e.format]
50
+ mimeType: _[e.format]
51
51
  };
52
52
  case n.Html: return {
53
53
  url: e.url,
@@ -77,8 +77,8 @@ var m = {
77
77
  mimeType: void 0
78
78
  };
79
79
  }
80
- }, v = (e, t) => {
81
- let { url: a, mimeType: c } = _(e), l = i(t ?? "attachment", a, c);
80
+ }, x = (e, t) => {
81
+ let { url: a, mimeType: c } = b(e), l = i(t ?? "attachment", a, c);
82
82
  switch (e.type) {
83
83
  case n.PlainText:
84
84
  if (e.text === "") return;
@@ -113,55 +113,72 @@ var m = {
113
113
  o(e.url, l);
114
114
  return;
115
115
  case n.Error:
116
- if (!h(e) || e.url == null) return;
116
+ if (!v(e) || e.url == null) return;
117
117
  o(e.url, l);
118
118
  return;
119
119
  }
120
- }, y = ({ loadingLabel: e, pendingContent: t }) => /* @__PURE__ */ p("div", {
120
+ }, S = { errorLabel: "_errorLabel_3lihu_2" }, C = ({ loadingLabel: e, pendingContent: t }) => /* @__PURE__ */ g("div", {
121
121
  role: "status",
122
122
  "aria-live": "polite",
123
123
  className: "flex h-full items-center justify-center",
124
- children: [t ?? /* @__PURE__ */ f(l, {}), /* @__PURE__ */ f("span", {
124
+ children: [t ?? /* @__PURE__ */ h("span", {
125
+ "aria-hidden": !0,
126
+ children: /* @__PURE__ */ h(u, {})
127
+ }), /* @__PURE__ */ h("span", {
125
128
  className: "sr-only",
126
129
  children: e
127
130
  })]
128
- }), b = ({ errorLabel: e, retryLabel: t, onRetry: n, errorContent: r }) => /* @__PURE__ */ p("div", {
131
+ }), w = ({ errorLabel: e, retryLabel: t, onRetry: n, errorContent: r, errorLabelClassName: i = "dial-body-text" }) => /* @__PURE__ */ g("div", {
129
132
  className: "flex h-full flex-col items-center justify-center gap-3 p-4",
130
- children: [r, /* @__PURE__ */ p("div", {
131
- role: "alert",
133
+ children: [r, /* @__PURE__ */ g("div", {
132
134
  className: "flex flex-col items-center gap-3 text-center",
133
- children: [/* @__PURE__ */ f("p", {
134
- className: a("dial-body-text", "text-secondary"),
135
+ children: [/* @__PURE__ */ h("p", {
136
+ "aria-hidden": !0,
137
+ className: a(i, S.errorLabel),
135
138
  children: e
136
- }), /* @__PURE__ */ f(c, {
139
+ }), /* @__PURE__ */ h(c, {
137
140
  label: t,
138
141
  "aria-label": t,
139
142
  onClick: n
140
143
  })]
141
144
  })]
142
- }), x = class extends u {
145
+ }), T = class extends d {
143
146
  state = { hasError: !1 };
144
147
  static getDerivedStateFromError() {
145
148
  return { hasError: !0 };
146
149
  }
150
+ componentDidCatch() {
151
+ this.props.onError();
152
+ }
147
153
  componentDidUpdate(e) {
148
154
  e.retryKey !== this.props.retryKey && this.state.hasError && this.setState({ hasError: !1 });
149
155
  }
150
156
  render() {
151
- let { children: e, onRetry: t, pendingContent: n, errorContent: r, labels: { loadingLabel: i = "Loading…", errorLabel: a = "Failed to load content", retryLabel: o = "Retry" } = {} } = this.props;
152
- return this.state.hasError ? /* @__PURE__ */ f(b, {
153
- errorLabel: a,
154
- retryLabel: o,
155
- onRetry: t,
156
- errorContent: r
157
- }) : /* @__PURE__ */ f(d, {
158
- fallback: /* @__PURE__ */ f(y, {
159
- loadingLabel: i,
160
- pendingContent: n
157
+ return this.state.hasError ? this.props.errorFallback : this.props.children;
158
+ }
159
+ }, E = ({ children: e, retryKey: t, onRetry: n, pendingContent: r, errorContent: i, errorLabelClassName: a, labels: { loadingLabel: o = "Loading…", errorLabel: s = "Failed to load content", retryLabel: c = "Retry" } = {} }) => {
160
+ let [u, d] = p(null);
161
+ return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(l, {
162
+ visuallyHidden: !0,
163
+ children: u === t ? s : ""
164
+ }), /* @__PURE__ */ h(T, {
165
+ retryKey: t,
166
+ onError: () => d(t),
167
+ errorFallback: /* @__PURE__ */ h(w, {
168
+ errorLabel: s,
169
+ retryLabel: c,
170
+ onRetry: n,
171
+ errorContent: i,
172
+ errorLabelClassName: a
173
+ }),
174
+ children: /* @__PURE__ */ h(f, {
175
+ fallback: /* @__PURE__ */ h(C, {
176
+ loadingLabel: o,
177
+ pendingContent: r
161
178
  }),
162
179
  children: e
163
- });
164
- }
180
+ })
181
+ })] });
165
182
  };
166
183
  //#endregion
167
- export { g as a, v as i, b as n, h as o, y as r, x as t };
184
+ export { y as a, x as i, w as n, v as o, C as r, E as t };
@@ -0,0 +1 @@
1
+ ._errorLabel_3lihu_2{color:var(--ac-status-text,var(--text-secondary,#57647a))}
@@ -0,0 +1,274 @@
1
+ import "./PdfContent.css";
2
+ import { a as e, n as t, r as n } from "./LazyContentBoundary-BJmXYamK.js";
3
+ import { mergeClasses as r } from "@epam/ai-dial-chat-shared";
4
+ import { DIAL_ICON_SIZE as i, DIAL_KIT_ICON_STROKE as a, Dropdown as o, DropdownOverlayRole as s, ElementSize as c, FabButton as ee, Input as te, LiveRegion as ne } from "@epam/ai-dial-ui-kit";
5
+ import { IconMenu2 as re, IconX as ie } from "@tabler/icons-react";
6
+ import { useCallback as l, useEffect as u, useId as ae, useRef as d, useState as f } from "react";
7
+ import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
8
+ import { DocumentPreview as oe, PageThumbnail as se } from "@epam/ai-dial-react-pdf-highlighter";
9
+ var ce = { viewer: "_viewer_1gfxm_1" }, g = null, le = (e) => (g ||= new Promise((t, n) => {
10
+ try {
11
+ t(e());
12
+ } catch (e) {
13
+ n(e);
14
+ }
15
+ }).catch((e) => {
16
+ throw g = null, e;
17
+ }), g), ue = 15, _ = 3, de = 172, fe = 400, v = 150, pe = 60, y = ({ url: g, highlights: y, selectedHighlightId: b, selectedPageNumber: x, loadPdf: S, configurePdfWorker: C, hideHeader: me = !1, onLoadError: w, errorLabelClassName: he, labels: { thumbnailsLabel: T = "Thumbnails", showThumbnailsLabel: ge = "Show thumbnails", hideThumbnailsLabel: _e = "Hide thumbnails", pageNumberLabel: ve = "Page number", loadingLabel: ye = "Loading…", errorLabel: E = "Failed to load content", retryLabel: be = "Retry" } = {} }) => {
18
+ let [D, O] = f(() => C ? "preparing" : "ready"), [xe, Se] = f(0), Ce = l(async (t) => {
19
+ try {
20
+ return await (S ?? e)(t);
21
+ } catch (e) {
22
+ throw w?.(t), e;
23
+ }
24
+ }, [S, w]);
25
+ u(() => {
26
+ if (!C) return;
27
+ O("preparing");
28
+ let e = !1;
29
+ return le(C).then(() => {
30
+ e || O("ready");
31
+ }).catch(() => {
32
+ e || O("error");
33
+ }), () => {
34
+ e = !0;
35
+ };
36
+ }, [C, xe]);
37
+ let we = l(() => {
38
+ Se((e) => e + 1);
39
+ }, []), k = ae(), [A, Te] = f(0), [j, Ee] = f(/* @__PURE__ */ new Map()), [M, De] = f(!1), [N, P] = f(() => x ?? (b ? y.find((e) => e.id === b)?.bboxes[0]?.page ?? 1 : 1)), F = d(null), I = d(null), [Oe, L] = f([]), [R, ke] = f(de), [z, Ae] = f(fe), [je, B] = f(0), V = d(!1), H = d(0), U = d(null);
40
+ u(() => {
41
+ if (x != null) {
42
+ P(x);
43
+ return;
44
+ }
45
+ if (!b) return;
46
+ let e = y.find((e) => e.id === b)?.bboxes[0]?.page;
47
+ e != null && P(e);
48
+ }, [
49
+ x,
50
+ b,
51
+ y
52
+ ]), u(() => {
53
+ let e = I.current;
54
+ if (!M || !e) return;
55
+ let t = new ResizeObserver((e) => {
56
+ let t = e[0]?.contentRect.height;
57
+ t && Ae(t);
58
+ });
59
+ return t.observe(e), () => t.disconnect();
60
+ }, [M]);
61
+ let Me = l((e) => {
62
+ if (!e || V.current) return;
63
+ let t = e.getBoundingClientRect().height;
64
+ t > 0 && (V.current = !0, ke(t));
65
+ }, []), Ne = l((e) => {
66
+ H.current = e.currentTarget.scrollTop, U.current ??= requestAnimationFrame(() => {
67
+ U.current = null, B(H.current);
68
+ });
69
+ }, []);
70
+ u(() => () => {
71
+ U.current != null && cancelAnimationFrame(U.current);
72
+ }, []);
73
+ let W = l((e) => {
74
+ if (A === 0) return;
75
+ let t = Math.max(0, (N - 1) * R - e.clientHeight / 2 + R / 2);
76
+ H.current = t, B(t), e.scrollTop = t;
77
+ }, [
78
+ N,
79
+ A,
80
+ R
81
+ ]), Pe = l((e) => {
82
+ I.current = e, e && W(e);
83
+ }, [W]);
84
+ u(() => {
85
+ let e = I.current;
86
+ e && W(e);
87
+ }, [W]);
88
+ let G = Math.max(0, Math.floor(je / R) - _), Fe = Math.ceil(z / R) + 6, K = Math.min(A - 1, G + Fe);
89
+ u(() => {
90
+ if (A === 0) return;
91
+ let e = Math.min(A, ue);
92
+ L(Array.from({ length: e }, (e, t) => t + 1));
93
+ }, [A]), u(() => {
94
+ if (!M || A === 0) return;
95
+ let e = setTimeout(() => {
96
+ L((e) => {
97
+ let t = new Set(e), n = !1;
98
+ for (let e = G + 1; e <= K + 1; e++) t.has(e) || (t.add(e), n = !0);
99
+ return n ? Array.from(t).sort((e, t) => e - t) : e;
100
+ });
101
+ }, v);
102
+ return () => clearTimeout(e);
103
+ }, [
104
+ M,
105
+ G,
106
+ K,
107
+ A
108
+ ]), u(() => {
109
+ if (A === 0) return;
110
+ let e = setTimeout(() => {
111
+ let e = Math.ceil(z / R / 2) + _, t = Math.max(0, N - 1 - e), n = Math.min(A - 1, N - 1 + e);
112
+ L((e) => {
113
+ let r = new Set(e), i = !1;
114
+ for (let e = t + 1; e <= n + 1; e++) r.has(e) || (r.add(e), i = !0);
115
+ return i ? Array.from(r).sort((e, t) => e - t) : e;
116
+ });
117
+ }, v);
118
+ return () => clearTimeout(e);
119
+ }, [
120
+ N,
121
+ A,
122
+ z,
123
+ R
124
+ ]);
125
+ let Ie = l((e) => {
126
+ Ee((t) => new Map([...t, ...e]));
127
+ }, []), [q, Le] = f(!1), Re = l((e) => {
128
+ F.current = e, Le(!0);
129
+ }, []), J = d(null);
130
+ u(() => {
131
+ if (!q) return;
132
+ let e = J.current, t = e?.querySelector(".pdf-container"), n = e?.querySelector(".pdf-highlight-viewer");
133
+ if (!t || !n) return;
134
+ let r = () => {
135
+ let e = n.scrollWidth - n.clientWidth;
136
+ e > 0 && (n.scrollLeft = e / 2);
137
+ };
138
+ r();
139
+ let i = new ResizeObserver(r);
140
+ i.observe(t), i.observe(n);
141
+ let a = F.current?.getZoom(), o = 0, s, c = () => {
142
+ let e = F.current?.getZoom();
143
+ e !== a && (a = e, o = pe), o > 0 && (r(), --o), s = requestAnimationFrame(c);
144
+ };
145
+ return s = requestAnimationFrame(c), () => {
146
+ cancelAnimationFrame(s), i.disconnect();
147
+ };
148
+ }, [q]), u(() => {
149
+ if (!q || b || x != null) return;
150
+ let e = requestAnimationFrame(() => {
151
+ F.current?.navigateToPage(1);
152
+ });
153
+ return () => cancelAnimationFrame(e);
154
+ }, [
155
+ q,
156
+ b,
157
+ x
158
+ ]);
159
+ let Y = l((e) => {
160
+ P(e), F.current?.navigateToPage(e);
161
+ }, []), ze = l((e) => {
162
+ P(e);
163
+ }, []), [X, Z] = f(() => String(N));
164
+ u(() => {
165
+ Z(String(N));
166
+ }, [N]);
167
+ let Be = l((e) => {
168
+ let t = Number(e);
169
+ Number.isInteger(t) && t >= 1 && t <= A ? Y(t) : Z(String(N));
170
+ }, [
171
+ A,
172
+ N,
173
+ Y
174
+ ]);
175
+ if (!g) return null;
176
+ let Q = /* @__PURE__ */ m(ne, {
177
+ visuallyHidden: !0,
178
+ children: D === "error" ? E : ""
179
+ });
180
+ if (D === "preparing") return /* @__PURE__ */ h(p, { children: [Q, /* @__PURE__ */ m(n, { loadingLabel: ye })] });
181
+ if (D === "error") return /* @__PURE__ */ h(p, { children: [Q, /* @__PURE__ */ m(t, {
182
+ errorLabel: E,
183
+ retryLabel: be,
184
+ onRetry: we,
185
+ errorLabelClassName: he
186
+ })] });
187
+ let $ = [];
188
+ for (let e = G + 1; e <= K + 1 && e <= A; e++) $.push(/* @__PURE__ */ m("div", {
189
+ ref: e === G + 1 ? Me : void 0,
190
+ children: /* @__PURE__ */ m(se, {
191
+ pageNum: e,
192
+ onSelectPage: Y,
193
+ isSelected: N === e,
194
+ isLoading: !j.has(e),
195
+ thumbnailUrl: j.get(e) ?? null
196
+ })
197
+ }, e));
198
+ let Ve = G * R, He = Math.max(0, A - K - 1) * R;
199
+ return /* @__PURE__ */ h(p, { children: [Q, /* @__PURE__ */ h("div", {
200
+ className: "relative flex h-full overflow-hidden",
201
+ children: [A > 0 && /* @__PURE__ */ m("div", {
202
+ className: "absolute inset-s-3 top-3 z-10",
203
+ children: /* @__PURE__ */ m(o, {
204
+ open: M,
205
+ onOpenChange: De,
206
+ allowedPlacements: ["bottom-start"],
207
+ matchReferenceWidth: !1,
208
+ initialFocus: -1,
209
+ overlayRole: s.Dialog,
210
+ overlayAriaLabel: T,
211
+ renderOverlay: () => /* @__PURE__ */ h("div", {
212
+ className: "flex w-36 flex-col",
213
+ children: [/* @__PURE__ */ m("div", {
214
+ className: "w-[88px] shrink-0 p-1",
215
+ children: /* @__PURE__ */ m(te, {
216
+ size: c.Small,
217
+ "aria-label": ve,
218
+ value: X,
219
+ postfix: `/ ${A}`,
220
+ inputMode: "numeric",
221
+ onChange: (e) => Z(e ?? ""),
222
+ onBlur: () => Be(X),
223
+ onKeyDown: (e) => {
224
+ e.key === "Enter" && Be(X);
225
+ }
226
+ })
227
+ }), /* @__PURE__ */ h("div", {
228
+ ref: Pe,
229
+ id: k,
230
+ role: "region",
231
+ "aria-label": T,
232
+ onScroll: Ne,
233
+ className: "max-h-[min(70vh,calc(var(--fui-available-height,70vh)-2.5rem))] min-h-0 scrollbar-gutter-both overflow-x-hidden overflow-y-auto p-1",
234
+ children: [
235
+ /* @__PURE__ */ m("div", { style: { height: Ve } }),
236
+ $,
237
+ /* @__PURE__ */ m("div", { style: { height: He } })
238
+ ]
239
+ })]
240
+ }),
241
+ children: /* @__PURE__ */ m(ee, {
242
+ icon: m(M ? ie : re, {
243
+ size: i.LG,
244
+ stroke: a,
245
+ "aria-hidden": !0
246
+ }),
247
+ "aria-label": M ? _e : ge,
248
+ "aria-expanded": M,
249
+ "aria-controls": M ? k : void 0
250
+ })
251
+ })
252
+ }), /* @__PURE__ */ m("div", {
253
+ ref: J,
254
+ className: r("min-w-0 flex-1 overflow-hidden", ce.viewer),
255
+ children: /* @__PURE__ */ m(oe, {
256
+ fileUrl: g,
257
+ loadFileCb: Ce,
258
+ highlights: y,
259
+ selectedHighlightId: b,
260
+ selectedPageNumber: x,
261
+ showOccurrences: !1,
262
+ onTotalPagesChange: Te,
263
+ thumbnailPageNumbers: Oe,
264
+ onThumbnailsLoaded: Ie,
265
+ onViewerReady: Re,
266
+ onCurrentPageChange: ze,
267
+ viewerOptions: { enableVirtualScrolling: !0 },
268
+ containerClassName: me ? "[&>div:first-child]:hidden" : void 0
269
+ })
270
+ })]
271
+ })] });
272
+ };
273
+ //#endregion
274
+ export { y as PdfContent };
package/PdfContent.css CHANGED
@@ -1 +1 @@
1
- ._viewer_1gfxm_1 .pdf-container{min-width:max-content}@layer pdf-vendor{*,: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}}
1
+ ._viewer_1gfxm_1 .pdf-container{min-width:max-content}@layer pdf-vendor{@layer ui.theme,ui.components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-tracking:initial;--tw-outline-style:solid}}}@layer ui.base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-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}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{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}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}dialog{margin:auto}}@layer ui.utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.inset-0{inset:0}.top-1{top:.25rem}.left-1{left:.25rem}.z-10{z-index:10}.z-20{z-index:20}.container{width:100%}@media (width>=769px){.container{max-width:769px}}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.h-4{height:1rem}.h-6{height:1.5rem}.h-6\.5\!{height:1.625rem!important}.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-\[28\%\]{width:28%}.w-\[58\%\]{width:58%}.w-\[104px\]{width:104px}.w-\[120px\]{width:120px}.w-\[208px\]{width:208px}.w-\[500px\]{width:500px}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[40\%\]{max-width:40%}.max-w-\[320px\]{max-width:320px}.max-w-\[520px\]{max-width:520px}.min-w-0{min-width:0}.min-w-3{min-width:.75rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.animate-skeleton-wave{animation:3.5s ease-in-out infinite skeleton-wave}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.\!justify-start{justify-content:flex-start!important}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-10{gap:2.5rem}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:4px}.rounded-\[120px\]{border-radius:120px}.rounded-xs{border-radius:.125rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-r{border-right-style:var(--tw-border-style);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-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.from-layer-sunken{--tw-gradient-from:var(--bg-layer-sunken,#eef1f7);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-layer-raised{--tw-gradient-via:var(--bg-layer-raised,#fcfcfc);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-layer-sunken{--tw-gradient-to:var(--bg-layer-sunken,#eef1f7);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-\[length\:200\%_100\%\]{background-size:200% 100%}.object-cover{object-fit:cover}.p-0{padding:0}.p-2{padding:.5rem}.p-4{padding:1rem}.p-10{padding:2.5rem}.px-1\.5{padding-inline:.375rem}.px-2{padding-inline:.5rem}.px-6{padding-inline:1.5rem}.px-\[60px\]{padding-inline:60px}.\!py-0{padding-block:0!important}.py-0{padding-block:0}.py-0\.5{padding-block:.125rem}.py-1{padding-block:.25rem}.py-1\.5{padding-block:.375rem}.py-3{padding-block:.75rem}.pt-10{padding-top:2.5rem}.pl-0\.5{padding-left:.125rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:.75rem;line-height:var(--tw-leading,calc(1 / .75))}.tracking-wide{--tw-tracking:.025em;letter-spacing:.025em}.whitespace-pre-wrap{white-space:pre-wrap}.text-accent{color:var(--text-accent,#1d4ed8)}.text-primary{color:var(--text-primary,#161b2d)}.text-secondary{color:var(--text-secondary,#57647a)}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}@media (hover:hover){.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)}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.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::selection{color:#0000;background:#007bff4d}.text-segment::selection{color:#0000;background:#007bff4d}.highlight-wrapper .text-segment::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}}
@@ -1 +1 @@
1
- {"version":3,"file":"AttachmentCanvas.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentCanvas/AttachmentCanvas.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AA8a5E,wGAAwG;AACxG,eAAO,MAAM,gBAAgB,6DAA6B,CAAC"}
1
+ {"version":3,"file":"AttachmentCanvas.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentCanvas/AttachmentCanvas.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AA0b5E,wGAAwG;AACxG,eAAO,MAAM,gBAAgB,6DAA6B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"AttachmentCanvasBody.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentCanvasBody/AttachmentCanvasBody.tsx"],"names":[],"mappings":"AAmBA,OAAO,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAqiBhF,uNAAuN;AACvN,eAAO,MAAM,oBAAoB,iEAAiC,CAAC"}
1
+ {"version":3,"file":"AttachmentCanvasBody.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentCanvasBody/AttachmentCanvasBody.tsx"],"names":[],"mappings":"AAuBA,OAAO,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAikBhF,uNAAuN;AACvN,eAAO,MAAM,oBAAoB,iEAAiC,CAAC"}
@@ -9,8 +9,12 @@ export interface AttachmentCanvasContainerProps {
9
9
  leftActions?: ReactNode;
10
10
  /** Whether the viewport is in mobile breakpoint — disables drag-to-resize. Defaults to `false`. */
11
11
  isMobile?: boolean;
12
+ /** Opt into the bounded inline-end overlay while keeping legacy layout defaults. */
13
+ isBoundedOverlay?: boolean;
12
14
  /** Initial panel width in pixels. When omitted, SidebarPanel uses its own default. */
13
15
  defaultWidth?: number;
16
+ /** Minimum panel width in pixels (desktop resize). Defaults to the panel's own minimum (600). */
17
+ minWidth?: number;
14
18
  /** Maximum panel width in pixels. Constrains drag-to-resize so the chat area is never fully hidden. */
15
19
  maxWidth?: number;
16
20
  /** Syntax highlight color theme forwarded to MarkdownRenderer code blocks. */
@@ -1 +1 @@
1
- {"version":3,"file":"AttachmentCanvasContainer.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentCanvasContainer/AttachmentCanvasContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAqB,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EACV,sBAAsB,EAKvB,MAAM,gCAAgC,CAAC;AAKxC,yDAAyD;AACzD,MAAM,WAAW,8BAA8B;IAC7C,8DAA8D;IAC9D,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC,sEAAsE;IACtE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mGAAmG;IACnG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uGAAuG;IACvG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8EAA8E;IAC9E,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,oGAAoG;IACpG,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,6FAA6F;IAC7F,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACzC;;;;;;;;;;OAUG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAChD,iNAAiN;IACjN,uBAAuB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD;AAED,yFAAyF;AACzF,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,8BAA8B,CA8JtE,CAAC"}
1
+ {"version":3,"file":"AttachmentCanvasContainer.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentCanvasContainer/AttachmentCanvasContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAqB,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EACV,sBAAsB,EAKvB,MAAM,gCAAgC,CAAC;AAKxC,yDAAyD;AACzD,MAAM,WAAW,8BAA8B;IAC7C,8DAA8D;IAC9D,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC,sEAAsE;IACtE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mGAAmG;IACnG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oFAAoF;IACpF,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iGAAiG;IACjG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uGAAuG;IACvG,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8EAA8E;IAC9E,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,oGAAoG;IACpG,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,6FAA6F;IAC7F,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACzC;;;;;;;;;;OAUG;IACH,kBAAkB,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAChD,iNAAiN;IACjN,uBAAuB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD;AAED,yFAAyF;AACzF,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,8BAA8B,CAqKtE,CAAC"}
@@ -18,6 +18,10 @@ export interface CodeContentProps {
18
18
  codeBlockTheme?: CodeBlockTheme;
19
19
  /** User-visible strings for the syntax-highlighter loading/error states. All fields have English defaults. */
20
20
  labels?: CodeContentLabels;
21
+ /** Typography class of the code text. Defaults to `'dial-code-text'`. */
22
+ codeClassName?: string;
23
+ /** Typography class of the highlighter load-error message. Defaults to `'dial-body-text'`. */
24
+ errorLabelClassName?: string;
21
25
  }
22
26
  /** Renders syntax-highlighted source code or plain text for a `CodeCanvasContent` payload. */
23
27
  export declare const CodeContent: FC<CodeContentProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"CodeContent.d.ts","sourceRoot":"","sources":["../../../src/components/CodeContent/CodeContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EAIf,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAA8C,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAyBxE,8FAA8F;AAC9F,MAAM,WAAW,iBAAiB;IAChC,qGAAqG;IACrG,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uGAAuG;IACvG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,qCAAqC;AACrC,MAAM,WAAW,gBAAgB;IAC/B,uCAAuC;IACvC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,wEAAwE;IACxE,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,8GAA8G;IAC9G,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAED,8FAA8F;AAC9F,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAgE5C,CAAC"}
1
+ {"version":3,"file":"CodeContent.d.ts","sourceRoot":"","sources":["../../../src/components/CodeContent/CodeContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EAIf,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAA8C,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAyBxE,8FAA8F;AAC9F,MAAM,WAAW,iBAAiB;IAChC,qGAAqG;IACrG,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uGAAuG;IACvG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,qCAAqC;AACrC,MAAM,WAAW,gBAAgB;IAC/B,uCAAuC;IACvC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,wEAAwE;IACxE,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,8GAA8G;IAC9G,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,yEAAyE;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8FAA8F;IAC9F,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,8FAA8F;AAC9F,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA6E5C,CAAC"}
@@ -15,6 +15,8 @@ export interface HtmlContentProps {
15
15
  codeBlockTheme?: CodeBlockTheme;
16
16
  /** Typography class applied to the "Open in new tab" link in the blocked-state panel. Defaults to `'dial-body-semi-text'`. */
17
17
  openInNewTabButtonTypographyClassName?: string;
18
+ /** Typography class of the source-view code, forwarded to `CodeContent`. When omitted, `CodeContent` falls back to `'dial-code-text'`. */
19
+ codeClassName?: string;
18
20
  }
19
21
  /** Renders HTML content inside a sandboxed iframe, or as highlighted source when `isSourceView` is true. */
20
22
  export declare const HtmlContent: FC<HtmlContentProps>;
@@ -1 +1 @@
1
- {"version":3,"file":"HtmlContent.d.ts","sourceRoot":"","sources":["../../../src/components/HtmlContent/HtmlContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAGhE,OAAO,EACL,KAAK,EAAE,EAOR,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EACV,sBAAsB,EACtB,iBAAiB,EAClB,MAAM,gCAAgC,CAAC;AAKxC,qCAAqC;AACrC,MAAM,WAAW,gBAAgB;IAC/B,kCAAkC;IAClC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,0CAA0C;IAC1C,MAAM,EAAE,IAAI,CACV,sBAAsB,EACtB,uBAAuB,GAAG,uBAAuB,CAClD,CAAC;IACF,wFAAwF;IACxF,YAAY,EAAE,OAAO,CAAC;IACtB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iJAAiJ;IACjJ,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,8HAA8H;IAC9H,qCAAqC,CAAC,EAAE,MAAM,CAAC;CAChD;AAED,4GAA4G;AAC5G,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA8O5C,CAAC"}
1
+ {"version":3,"file":"HtmlContent.d.ts","sourceRoot":"","sources":["../../../src/components/HtmlContent/HtmlContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAGhE,OAAO,EACL,KAAK,EAAE,EAOR,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EACV,sBAAsB,EACtB,iBAAiB,EAClB,MAAM,gCAAgC,CAAC;AAKxC,qCAAqC;AACrC,MAAM,WAAW,gBAAgB;IAC/B,kCAAkC;IAClC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,0CAA0C;IAC1C,MAAM,EAAE,IAAI,CACV,sBAAsB,EACtB,uBAAuB,GAAG,uBAAuB,CAClD,CAAC;IACF,wFAAwF;IACxF,YAAY,EAAE,OAAO,CAAC;IACtB,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iJAAiJ;IACjJ,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,8HAA8H;IAC9H,qCAAqC,CAAC,EAAE,MAAM,CAAC;IAC/C,0IAA0I;IAC1I,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,4GAA4G;AAC5G,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAgP5C,CAAC"}
@@ -1,4 +1,4 @@
1
- import { Component, FC, ReactNode } from 'react';
1
+ import { FC, ReactNode } from 'react';
2
2
  /** User-visible strings for {@link LazyContentBoundary}. All fields have English defaults. */
3
3
  interface LazyContentBoundaryLabels {
4
4
  /** Accessible status text announced while the lazy content loads. Defaults to `'Loading…'`. */
@@ -33,13 +33,15 @@ export interface LazyContentBoundaryProps {
33
33
  */
34
34
  pendingContent?: ReactNode;
35
35
  /**
36
- * Rendered above the `role="alert"` retry message when the lazy import
36
+ * Rendered above the retry message when the lazy import
37
37
  * fails — e.g. a plain-text fallback that stays usable while retry is
38
38
  * offered. Omitted by default.
39
39
  */
40
40
  errorContent?: ReactNode;
41
41
  /** User-visible strings. All fields have English defaults. */
42
42
  labels?: LazyContentBoundaryLabels;
43
+ /** Typography class of the retry message. Defaults to `'dial-body-text'`. */
44
+ errorLabelClassName?: string;
43
45
  }
44
46
  interface LazyContentPendingProps {
45
47
  loadingLabel: string;
@@ -52,22 +54,19 @@ interface LazyContentErrorProps {
52
54
  retryLabel: string;
53
55
  onRetry: () => void;
54
56
  errorContent?: ReactNode;
57
+ errorLabelClassName?: string;
55
58
  }
56
- /** Accessible retry state shared by lazy imports and asynchronous runtime preparation. */
59
+ /**
60
+ * Retry state shared by lazy imports and asynchronous runtime preparation.
61
+ * The visible message is hidden from assistive tech: the caller announces
62
+ * `errorLabel` through a `LiveRegion` it keeps mounted across states.
63
+ */
57
64
  export declare const LazyContentError: FC<LazyContentErrorProps>;
58
- interface LazyContentBoundaryState {
59
- /** Whether the wrapped lazy import has thrown (a rejected dynamic import). */
60
- hasError: boolean;
61
- }
62
65
  /**
63
66
  * Wraps a `lazy()`-loaded component with an accessible pending state
64
- * (`role="status"`) and a retryable failure state (`role="alert"`).
67
+ * (`role="status"`) and a retryable failure state announced through an
68
+ * always-mounted `LiveRegion`.
65
69
  */
66
- export declare class LazyContentBoundary extends Component<LazyContentBoundaryProps, LazyContentBoundaryState> {
67
- state: LazyContentBoundaryState;
68
- static getDerivedStateFromError(): LazyContentBoundaryState;
69
- componentDidUpdate(prevProps: LazyContentBoundaryProps): void;
70
- render(): ReactNode;
71
- }
70
+ export declare const LazyContentBoundary: FC<LazyContentBoundaryProps>;
72
71
  export {};
73
72
  //# sourceMappingURL=LazyContentBoundary.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"LazyContentBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/LazyContentBoundary/LazyContentBoundary.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAY,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,8FAA8F;AAC9F,UAAU,yBAAyB;IACjC,+FAA+F;IAC/F,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iGAAiG;IACjG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,6CAA6C;AAC7C,MAAM,WAAW,wBAAwB;IACvC,oDAAoD;IACpD,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;;OAMG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;;;OAIG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,yBAAyB,CAAC;CACpC;AAED,UAAU,uBAAuB;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,4FAA4F;AAC5F,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAY1D,CAAC;AAEF,UAAU,qBAAqB;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,0FAA0F;AAC1F,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAetD,CAAC;AAEF,UAAU,wBAAwB;IAChC,8EAA8E;IAC9E,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;;GAGG;AACH,qBAAa,mBAAoB,SAAQ,SAAS,CAChD,wBAAwB,EACxB,wBAAwB,CACzB;IACU,KAAK,EAAE,wBAAwB,CAAuB;IAE/D,MAAM,CAAC,wBAAwB,IAAI,wBAAwB;IAIlD,kBAAkB,CAAC,SAAS,EAAE,wBAAwB,GAAG,IAAI;IAY7D,MAAM,IAAI,SAAS;CAqC7B"}
1
+ {"version":3,"file":"LazyContentBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/LazyContentBoundary/LazyContentBoundary.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiC,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG/E,8FAA8F;AAC9F,UAAU,yBAAyB;IACjC,+FAA+F;IAC/F,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iGAAiG;IACjG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,6CAA6C;AAC7C,MAAM,WAAW,wBAAwB;IACvC,oDAAoD;IACpD,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;;OAMG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;;;OAIG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,yBAAyB,CAAC;IACnC,6EAA6E;IAC7E,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,UAAU,uBAAuB;IAC/B,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,4FAA4F;AAC5F,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAkB1D,CAAC;AAEF,UAAU,qBAAqB;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAmBtD,CAAC;AAqDF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CA8C5D,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"McpAppCanvasRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/McpAppCanvasRenderer/McpAppCanvasRenderer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAEzE,OAAO,EAAE,KAAK,EAAE,EAAwC,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAG1E,sDAAsD;AACtD,MAAM,WAAW,yBAAyB;IACxC,iCAAiC;IACjC,OAAO,EAAE,mBAAmB,CAAC;IAC7B,0FAA0F;IAC1F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6JAA6J;IAC7J,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;CAC/C;AAgBD,6EAA6E;AAC7E,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAgI9D,CAAC"}
1
+ {"version":3,"file":"McpAppCanvasRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/McpAppCanvasRenderer/McpAppCanvasRenderer.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAEzE,OAAO,EAAE,KAAK,EAAE,EAAwC,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAG1E,sDAAsD;AACtD,MAAM,WAAW,yBAAyB;IACxC,iCAAiC;IACjC,OAAO,EAAE,mBAAmB,CAAC;IAC7B,0FAA0F;IAC1F,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,6JAA6J;IAC7J,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;CAC/C;AAgBD,6EAA6E;AAC7E,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAwI9D,CAAC"}