@epam/ai-dial-source-panel 1.2.0-dev.3 → 1.2.0-dev.303

package/components/ConversationSourcesPanel/ConversationSourcesPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConversationSourcesPanel.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationSourcesPanel/ConversationSourcesPanel.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,+CAA+C,CAAC;;AAiLnG,wBAA8C"}
+{"version":3,"file":"ConversationSourcesPanel.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationSourcesPanel/ConversationSourcesPanel.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,+CAA+C,CAAC;;AAyLnG,wBAA8C"}

package/components/SourcesSection/SourcesSection.d.ts

@@ -11,6 +11,16 @@ interface SourcesSectionProps {
     copyLabel: string;
     /** Status message announced to assistive tech after a source URL is copied. Defaults to `'Link copied to clipboard'`. */
     copiedLabel?: string;
+    /** Accessible label for the copy button on a code block inside a source quote. Forwarded to `MarkdownRenderer`. */
+    codeBlockCopyLabel?: string;
+    /** Status announced after a code block inside a source quote has been copied. Forwarded to `MarkdownRenderer`. */
+    codeBlockCopiedLabel?: string;
+    /** Accessible label for the download button on a code block inside a source quote. Forwarded to `MarkdownRenderer`. */
+    codeBlockDownloadLabel?: string;
+    /** Accessible label for a table's scrollable region inside a source quote. Forwarded to `MarkdownRenderer`. */
+    tableScrollRegionAriaLabel?: string;
+    /** Accessible label for a block formula's scrollable region inside a source quote. Forwarded to `MarkdownRenderer`. */
+    mathScrollRegionAriaLabel?: string;
     /** Current search query — used to highlight matches in source titles and quotes. */
     searchQuery?: string;
     /** Typography (font utility class) overrides for section headings and source text. */

package/components/SourcesSection/SourcesSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SourcesSection.d.ts","sourceRoot":"","sources":["../../../src/components/SourcesSection/SourcesSection.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAoC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,KAAK,EACV,8BAA8B,EAC9B,kCAAkC,EACnC,MAAM,+CAA+C,CAAC;AACvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAGrE,gDAAgD;AAChD,UAAU,mBAAmB;IAC3B,4CAA4C;IAC5C,KAAK,EAAE,SAAS,CAAC;IACjB,kCAAkC;IAClC,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,0DAA0D;IAC1D,SAAS,EAAE,MAAM,CAAC;IAClB,yHAAyH;IACzH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sFAAsF;IACtF,UAAU,CAAC,EAAE,kCAAkC,CAAC;IAChD,wDAAwD;IACxD,MAAM,CAAC,EAAE,8BAA8B,CAAC;IACxC,gFAAgF;IAChF,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;CACnD;;AA6GD,wBAAoC"}
+{"version":3,"file":"SourcesSection.d.ts","sourceRoot":"","sources":["../../../src/components/SourcesSection/SourcesSection.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAoC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,KAAK,EACV,8BAA8B,EAC9B,kCAAkC,EACnC,MAAM,+CAA+C,CAAC;AACvD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAGrE,gDAAgD;AAChD,UAAU,mBAAmB;IAC3B,4CAA4C;IAC5C,KAAK,EAAE,SAAS,CAAC;IACjB,kCAAkC;IAClC,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,0DAA0D;IAC1D,SAAS,EAAE,MAAM,CAAC;IAClB,yHAAyH;IACzH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mHAAmH;IACnH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kHAAkH;IAClH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,uHAAuH;IACvH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,+GAA+G;IAC/G,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,uHAAuH;IACvH,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sFAAsF;IACtF,UAAU,CAAC,EAAE,kCAAkC,CAAC;IAChD,wDAAwD;IACxD,MAAM,CAAC,EAAE,8BAA8B,CAAC;IACxC,gFAAgF;IAChF,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;CACnD;;AA0HD,wBAAoC"}

package/constants/public-class-names.d.ts

@@ -0,0 +1,11 @@
+export declare const SOURCE_PANEL_CLASS: {
+    /**
+     * The panel wrapper — the element `@epam/ai-dial-sidebar` gives the panel's
+     * width and slide transition, which is the outer box a host sizes or
+     * positions. It is **not** the `aside` inside it: that one carries
+     * `dial-sb-aside`, so a host targeting the region itself descends from this
+     * class.
+     */
+    readonly panel: "dial-source-panel-panel";
+};
+//# sourceMappingURL=public-class-names.d.ts.map

package/constants/public-class-names.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-class-names.d.ts","sourceRoot":"","sources":["../../src/constants/public-class-names.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,kBAAkB;IAC7B;;;;;;OAMG;;CAEK,CAAC"}

package/index.css

@@ -1,2 +1,2 @@
 ._link_12icw_1{color:var(--sp-source-link,var(--text-info,#1d4ed8))}._quote_12icw_5{color:var(--sp-source-quote,var(--text-primary,#161b2d))}
-/*$vite$:1*/
+/*$vite$:1*/.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.visible{visibility:visible}.mb-3{margin-bottom:.75rem}.mb-6{margin-bottom:1.5rem}.line-clamp-5{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.h-full{height:100%}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.resize{resize:both}.grid-cols-\[repeat\(auto-fill\2c minmax\(84px\2c 1fr\)\)\]{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-0{padding:0}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.pt-0{padding-top:0}.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{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\[\&\>div\>\*\+\*\]\:mt-1>div>*+*{margin-top:.25rem}

package/index.d.ts

@@ -1,4 +1,5 @@
 export { default as ConversationSourcesPanel } from './components/ConversationSourcesPanel/ConversationSourcesPanel';
 export type { ConversationSourcesPanelColors, ConversationSourcesPanelLabels, ConversationSourcesPanelProps, ConversationSourcesPanelStyles, ConversationSourcesPanelTypography, } from './models/conversation-sources-panel-props';
 export type { QuotationSource } from './models/quotation-source';
+export { SOURCE_PANEL_CLASS } from './constants/public-class-names';
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,gEAAgE,CAAC;AACrH,YAAY,EACV,8BAA8B,EAC9B,8BAA8B,EAC9B,6BAA6B,EAC7B,8BAA8B,EAC9B,kCAAkC,GACnC,MAAM,2CAA2C,CAAC;AACnD,YAAY,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,gEAAgE,CAAC;AACrH,YAAY,EACV,8BAA8B,EAC9B,8BAA8B,EAC9B,6BAA6B,EAC7B,8BAA8B,EAC9B,kCAAkC,GACnC,MAAM,2CAA2C,CAAC;AACnD,YAAY,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC"}

package/index.js

@@ -1,21 +1,22 @@
 import { BASE_LG_ICON_PROPS as e, MarkdownRenderer as t, buildCssVars as n, mergeClasses as r } from "@epam/ai-dial-chat-shared";
 import { PanelNoResults as i, SidebarOrientation as a, SidebarPanel as o } from "@epam/ai-dial-sidebar";
-import { DIAL_ICON_SIZE as s, DIAL_KIT_ICON_STROKE as c, ElementSize as l, GhostIconButton as u, Highlight as d, LinkButton as f, NoDataContent as p, Search as m } from "@epam/ai-dial-ui-kit";
-import { IconCopy as h, IconDownload as g } from "@tabler/icons-react";
-import { memo as _, useLayoutEffect as v, useMemo as y, useState as b } from "react";
-import { AttachmentCard as x } from "@epam/ai-dial-attachment-input";
-import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
-var T = _(({ attachments: e, title: t, searchQuery: n, titleClassName: i = "dial-body-semi-text", onAttachmentClick: a, attachmentClickLabel: o }) => e.length === 0 ? null : /* @__PURE__ */ w("section", {
+import { DIAL_ICON_SIZE as s, DIAL_KIT_ICON_STROKE as c, ElementSize as l, GhostIconButton as u, Highlight as d, LinkButton as f, NoDataContent as p, Search as m, mergeClasses as h } from "@epam/ai-dial-ui-kit";
+import { IconCopy as g, IconDownload as _ } from "@tabler/icons-react";
+import { memo as v, useLayoutEffect as y, useMemo as b, useState as x } from "react";
+import { AttachmentCard as S } from "@epam/ai-dial-attachment-input";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+//#region src/constants/public-class-names.ts
+var E = { panel: "dial-source-panel-panel" }, D = v(({ attachments: e, title: t, searchQuery: n, titleClassName: i = "dial-body-semi-text", onAttachmentClick: a, attachmentClickLabel: o }) => e.length === 0 ? null : /* @__PURE__ */ T("section", {
 	className: "mb-6",
-	children: [/* @__PURE__ */ C("h2", {
+	children: [/* @__PURE__ */ w("h2", {
 		className: r(i, "mb-3"),
 		children: t
-	}), /* @__PURE__ */ C("div", {
+	}), /* @__PURE__ */ w("div", {
 		role: "list",
 		className: "grid grid-cols-[repeat(auto-fill,minmax(84px,1fr))] gap-3",
-		children: e.map((e, t) => /* @__PURE__ */ C("div", {
+		children: e.map((e, t) => /* @__PURE__ */ w("div", {
 			role: "listitem",
-			children: /* @__PURE__ */ C(x, {
+			children: /* @__PURE__ */ w(S, {
 				attachment: e,
 				searchQuery: n,
 				onClick: a ? () => a(e) : void 0,
@@ -23,155 +24,166 @@ var T = _(({ attachments: e, title: t, searchQuery: n, titleClassName: i = "dial
 			})
 		}, `${e.id}-${t}`))
 	})]
-})), E = {
+})), O = {
 	link: "_link_12icw_1",
 	quote: "_quote_12icw_5"
-}, D = _(({ title: e, sources: i, copyLabel: a, copiedLabel: o = "Link copied to clipboard", searchQuery: p = "", typography: m, colors: g, onSourceClick: _ }) => {
-	let [v, x] = b(""), S = m?.sectionTitleClassName ?? "dial-body-semi-text", T = m?.sourceLinkClassName ?? "dial-small-text", D = m?.sourceQuoteClassName ?? "dial-tiny-text", O = y(() => n({
-		"--sp-source-link": g?.sourceLink,
-		"--sp-source-quote": g?.sourceQuote
-	}), [g]);
+}, k = v(({ title: e, sources: i, copyLabel: a, copiedLabel: o = "Link copied to clipboard", codeBlockCopyLabel: p, codeBlockCopiedLabel: m, codeBlockDownloadLabel: h, tableScrollRegionAriaLabel: _, mathScrollRegionAriaLabel: v, searchQuery: y = "", typography: S, colors: C, onSourceClick: E }) => {
+	let [D, k] = x(""), A = S?.sectionTitleClassName ?? "dial-body-semi-text", j = S?.sourceLinkClassName ?? "dial-small-text", M = S?.sourceQuoteClassName ?? "dial-tiny-text", N = b(() => n({
+		"--sp-source-link": C?.sourceLink,
+		"--sp-source-quote": C?.sourceQuote
+	}), [C]);
 	if (i.length === 0) return null;
-	let k = async (e) => {
-		await navigator.clipboard.writeText(e), x(o);
+	let P = async (e) => {
+		await navigator.clipboard.writeText(e), k(o);
 	};
-	return /* @__PURE__ */ w("section", {
+	return /* @__PURE__ */ T("section", {
 		className: "mb-6",
-		style: O,
+		style: N,
 		children: [
-			/* @__PURE__ */ C("h2", {
-				className: r(S, "mb-3"),
+			/* @__PURE__ */ w("h2", {
+				className: r(A, "mb-3"),
 				children: e
 			}),
-			/* @__PURE__ */ C("ul", {
+			/* @__PURE__ */ w("ul", {
 				className: "flex flex-col gap-3",
-				children: i.map((e) => /* @__PURE__ */ w("li", {
+				children: i.map((e) => /* @__PURE__ */ T("li", {
 					className: "flex flex-col gap-1",
-					children: [/* @__PURE__ */ w("div", {
+					children: [/* @__PURE__ */ T("div", {
 						className: "flex min-w-0 items-center justify-between gap-2",
-						children: [/* @__PURE__ */ C(f, {
+						children: [/* @__PURE__ */ w(f, {
 							href: e.url,
 							target: "_blank",
 							size: l.Small,
-							className: r(E.link, "min-w-0 flex-1 justify-start"),
-							textClassName: r(T, "min-w-0 truncate"),
-							label: p ? /* @__PURE__ */ C(d, {
+							className: r(O.link, "min-w-0 flex-1 justify-start"),
+							textClassName: r(j, "min-w-0 truncate"),
+							label: /* @__PURE__ */ w(d, {
 								text: e.title,
-								query: p,
+								query: y,
 								maxLines: 1
-							}) : e.title,
+							}),
 							"aria-label": e.title,
-							onClick: _ ? (t) => {
-								t.preventDefault(), _(e);
+							onClick: E ? (t) => {
+								t.preventDefault(), E(e);
 							} : void 0
-						}), /* @__PURE__ */ C(u, {
+						}), /* @__PURE__ */ w(u, {
 							size: l.Small,
-							icon: /* @__PURE__ */ C(h, {
+							icon: /* @__PURE__ */ w(g, {
 								size: s.SM,
 								stroke: c,
 								"aria-hidden": !0
 							}),
 							"aria-label": a,
-							onClick: () => void k(e.url)
+							onClick: () => void P(e.url)
 						})]
-					}), e.quote && /* @__PURE__ */ C("div", {
-						className: r(D, E.quote, "line-clamp-5 [&>div>*+*]:mt-1"),
-						children: /* @__PURE__ */ C(t, { content: e.quote })
+					}), e.quote && /* @__PURE__ */ w("div", {
+						className: r(M, O.quote, "line-clamp-5 [&>div>*+*]:mt-1"),
+						children: /* @__PURE__ */ w(t, {
+							content: e.quote,
+							codeBlockCopyLabel: p,
+							codeBlockCopiedLabel: m,
+							codeBlockDownloadLabel: h,
+							tableScrollRegionAriaLabel: _,
+							mathScrollRegionAriaLabel: v
+						})
 					})]
 				}, e.url))
 			}),
-			/* @__PURE__ */ C("span", {
+			/* @__PURE__ */ w("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: v
+				children: D
 			})
 		]
 	});
-}), O = (e, t) => e.toLowerCase().includes(t.toLowerCase()), k = _(({ isOpen: t, onClose: n, uploaded: r, generated: s, sources: c, onAttachmentClick: l, onSourceClick: d, onDownloadAll: f, isMobile: h, defaultWidth: _, minWidth: x, maxWidth: E, onResizeStop: k, labels: A, styles: j, title: M, additionalSections: N }) => {
-	let [P, F] = b(""), I = (e) => {
-		F(e ?? "");
+}), A = (e, t) => e.toLowerCase().includes(t.toLowerCase()), j = v(({ isOpen: t, onClose: n, uploaded: r, generated: s, sources: c, onAttachmentClick: l, onSourceClick: d, onDownloadAll: f, isMobile: g, defaultWidth: v, minWidth: S, maxWidth: O, onResizeStop: j, labels: M, styles: N, title: P, additionalSections: F }) => {
+	let [I, L] = x(""), R = (e) => {
+		L(e ?? "");
 	};
-	v(() => {
-		t || F("");
+	y(() => {
+		t || L("");
 	}, [t]);
-	let L = y(() => P ? r.filter((e) => O(e.name, P)) : r, [r, P]), R = y(() => P ? s.filter((e) => O(e.name, P)) : s, [s, P]), z = y(() => P ? c.filter((e) => O(e.title, P) || O(e.url, P) || e.quote != null && O(e.quote, P)) : c, [c, P]), B = r.length > 0 || s.length > 0 || c.length > 0, V = !B && !N, H = P !== "" && L.length === 0 && R.length === 0 && z.length === 0, U;
-	return U = V ? /* @__PURE__ */ C("div", {
+	let z = b(() => I ? r.filter((e) => A(e.name, I)) : r, [r, I]), B = b(() => I ? s.filter((e) => A(e.name, I)) : s, [s, I]), V = b(() => I ? c.filter((e) => A(e.title, I) || A(e.url, I) || e.quote != null && A(e.quote, I)) : c, [c, I]), H = r.length > 0 || s.length > 0 || c.length > 0, U = !H && !F, W = I !== "" && z.length === 0 && B.length === 0 && V.length === 0, G;
+	return G = U ? /* @__PURE__ */ w("div", {
 		className: "flex h-full items-center justify-center",
-		children: /* @__PURE__ */ C(p, { title: A.noDataLabel })
-	}) : /* @__PURE__ */ w(S, { children: [N, H ? /* @__PURE__ */ C(i, { label: A.noResultsLabel }) : /* @__PURE__ */ w(S, { children: [
-		/* @__PURE__ */ C(T, {
-			attachments: L,
-			title: A.uploadedSectionTitle,
-			searchQuery: P,
-			titleClassName: j?.typography?.sectionTitleClassName,
+		children: /* @__PURE__ */ w(p, { title: M.noDataLabel })
+	}) : /* @__PURE__ */ T(C, { children: [F, W ? /* @__PURE__ */ w(i, { label: M.noResultsLabel }) : /* @__PURE__ */ T(C, { children: [
+		/* @__PURE__ */ w(D, {
+			attachments: z,
+			title: M.uploadedSectionTitle,
+			searchQuery: I,
+			titleClassName: N?.typography?.sectionTitleClassName,
 			onAttachmentClick: l,
-			attachmentClickLabel: A.attachmentClickLabel
+			attachmentClickLabel: M.attachmentClickLabel
 		}),
-		/* @__PURE__ */ C(T, {
-			attachments: R,
-			title: A.generatedSectionTitle,
-			searchQuery: P,
-			titleClassName: j?.typography?.sectionTitleClassName,
+		/* @__PURE__ */ w(D, {
+			attachments: B,
+			title: M.generatedSectionTitle,
+			searchQuery: I,
+			titleClassName: N?.typography?.sectionTitleClassName,
 			onAttachmentClick: l,
-			attachmentClickLabel: A.attachmentClickLabel
+			attachmentClickLabel: M.attachmentClickLabel
 		}),
-		/* @__PURE__ */ C(D, {
-			sources: z,
-			title: A.sourcesSectionTitle,
-			searchQuery: P,
-			typography: j?.typography,
-			colors: j?.colors,
-			copyLabel: A.copySourceLabel,
-			copiedLabel: A.sourceCopiedLabel,
+		/* @__PURE__ */ w(k, {
+			sources: V,
+			title: M.sourcesSectionTitle,
+			searchQuery: I,
+			typography: N?.typography,
+			colors: N?.colors,
+			copyLabel: M.copySourceLabel,
+			copiedLabel: M.sourceCopiedLabel,
+			codeBlockCopyLabel: M.codeBlockCopyLabel,
+			codeBlockCopiedLabel: M.codeBlockCopiedLabel,
+			codeBlockDownloadLabel: M.codeBlockDownloadLabel,
+			tableScrollRegionAriaLabel: M.tableScrollRegionAriaLabel,
+			mathScrollRegionAriaLabel: M.mathScrollRegionAriaLabel,
 			onSourceClick: d
 		})
-	] })] }), /* @__PURE__ */ w(o, {
+	] })] }), /* @__PURE__ */ T(o, {
 		isOpen: t,
 		orientation: a.Right,
 		styles: {
-			className: h && t ? "w-full" : void 0,
+			className: h(g && t && "w-full", E.panel),
 			bodyClassName: "flex flex-col overflow-hidden p-0"
 		},
-		labels: A,
-		title: M,
+		labels: M,
+		title: P,
 		onClose: n,
-		resizable: !h,
-		defaultWidth: _,
-		minWidth: x,
-		maxWidth: E,
-		onResizeStop: k,
-		rightActions: B && /* @__PURE__ */ C(u, {
-			icon: /* @__PURE__ */ C(g, { ...e }),
-			"aria-label": A.downloadAllLabel,
-			tooltipProps: { tooltip: A.downloadAllLabel },
-			onClick: f,
-			disabled: !f
+		resizable: !g,
+		defaultWidth: v,
+		minWidth: S,
+		maxWidth: O,
+		onResizeStop: j,
+		rightActions: H && f && /* @__PURE__ */ w(u, {
+			icon: /* @__PURE__ */ w(_, { ...e }),
+			"aria-label": M.downloadAllLabel,
+			tooltipProps: { tooltip: M.downloadAllLabel },
+			onClick: f
 		}),
 		children: [
-			B && /* @__PURE__ */ C("div", {
+			H && /* @__PURE__ */ w("div", {
 				role: "search",
 				className: "px-3 py-2",
-				children: /* @__PURE__ */ C(m, {
-					value: P,
-					onChange: I,
-					placeholder: A.searchPlaceholder,
-					clearLabel: A.searchClearLabel,
-					"aria-label": A.searchPlaceholder
+				children: /* @__PURE__ */ w(m, {
+					value: I,
+					onChange: R,
+					placeholder: M.searchPlaceholder,
+					clearLabel: M.searchClearLabel,
+					"aria-label": M.searchPlaceholder
 				})
 			}),
-			/* @__PURE__ */ C("span", {
+			/* @__PURE__ */ w("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: H ? A.noResultsLabel : ""
+				children: W ? M.noResultsLabel : ""
 			}),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ w("div", {
 				className: "flex-1 overflow-y-auto p-4 pt-0",
-				children: U
+				children: G
 			})
 		]
 	});
 });
 //#endregion
-export { k as ConversationSourcesPanel };
+export { j as ConversationSourcesPanel, E as SOURCE_PANEL_CLASS };

package/models/conversation-sources-panel-props.d.ts

@@ -31,6 +31,16 @@ export interface ConversationSourcesPanelLabels {
     sourceCopiedLabel?: string;
     /** Label passed to each attachment card's action button. */
     attachmentClickLabel: string;
+    /** Accessible label for the copy button on a fenced code block inside a source quote. Defaults to `'Copy code'`. */
+    codeBlockCopyLabel?: string;
+    /** Status announced after a fenced code block inside a source quote has been copied. Defaults to `'Copied!'`. */
+    codeBlockCopiedLabel?: string;
+    /** Accessible label for the download button on a fenced code block inside a source quote. Defaults to `'Download code'`. */
+    codeBlockDownloadLabel?: string;
+    /** Accessible label for a table's horizontally scrollable region inside a source quote. Defaults to `'Scrollable table'`. */
+    tableScrollRegionAriaLabel?: string;
+    /** Accessible label for a block formula's horizontally scrollable region inside a source quote. Defaults to `'Scrollable formula'`. */
+    mathScrollRegionAriaLabel?: string;
 }
 /** CSS custom-property overrides for the sources section. */
 export interface ConversationSourcesPanelColors {
@@ -71,7 +81,7 @@ export interface ConversationSourcesPanelProps {
     onAttachmentClick?: (attachment: DisplayAttachment) => void;
     /** Called when the user clicks a source link. When omitted, the link navigates normally. */
     onSourceClick?: (source: QuotationSource) => void;
-    /** Called when the user activates the download-all button; omit to disable the button. */
+    /** Called when the user activates the download-all button; omit to hide the button. */
     onDownloadAll?: () => void;
     /** Whether the viewport is in mobile breakpoint (disables resizing). */
     isMobile: boolean;

package/models/conversation-sources-panel-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation-sources-panel-props.d.ts","sourceRoot":"","sources":["../../src/models/conversation-sources-panel-props.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"conversation-sources-panel-props.d.ts","sourceRoot":"","sources":["../../src/models/conversation-sources-panel-props.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-source-panel",
   "description": "Panel for displaying conversation sources — uploaded files and generated citations",
-  "version": "1.2.0-dev.3",
+  "version": "1.2.0-dev.303",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -18,13 +18,13 @@
   },
   "dependencies": {
     "@tabler/icons-react": "^3.44.0",
-    "@epam/ai-dial-attachment-input": "1.2.0-dev.3",
-    "@epam/ai-dial-sidebar": "1.2.0-dev.3"
+    "@epam/ai-dial-attachment-input": "1.2.0-dev.303",
+    "@epam/ai-dial-sidebar": "1.2.0-dev.303"
   },
   "peerDependencies": {
     "react": "^19.2.8",
-    "@epam/ai-dial-chat-shared": "1.2.0-dev.3",
-    "@epam/ai-dial-ui-kit": "^0.14.2"
+    "@epam/ai-dial-chat-shared": "1.2.0-dev.303",
+    "@epam/ai-dial-ui-kit": "^0.15.0-dev.39"
   },
   "repository": {
     "type": "git",