@epam/ai-dial-source-panel 1.0.0-dev.471 → 1.0.0-dev.475

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

@@ -1 +1 @@
-{"version":3,"file":"ConversationSourcesPanel.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationSourcesPanel/ConversationSourcesPanel.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,+CAA+C,CAAC;AAGnG,YAAY,EACV,8BAA8B,EAC9B,6BAA6B,EAC7B,8BAA8B,GAC/B,MAAM,+CAA+C,CAAC;;AA4IvD,wBAA8C"}
+{"version":3,"file":"ConversationSourcesPanel.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationSourcesPanel/ConversationSourcesPanel.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,+CAA+C,CAAC;AAGnG,YAAY,EACV,8BAA8B,EAC9B,6BAA6B,EAC7B,8BAA8B,GAC/B,MAAM,+CAA+C,CAAC;;AAgJvD,wBAA8C"}

package/components/SourcesSection/SourcesSection.d.ts

@@ -1,4 +1,11 @@
 import { QuotationSource } from '../../models/quotation-source';
+/** CSS custom-property overrides for the `SourcesSection` component. */
+interface SourcesSectionColors {
+    /** Source link color. */
+    link?: string;
+    /** Source quote text color. */
+    quote?: string;
+}
 interface SourcesSectionProps {
     /** Heading text for the sources section. */
     title: string;
@@ -6,6 +13,8 @@ interface SourcesSectionProps {
     sources: QuotationSource[];
     /** Accessible label for each source's copy-URL button. */
     copyLabel: string;
+    /** Status message announced to assistive tech after a source URL is copied. Defaults to `'Link copied to clipboard'`. */
+    copiedLabel?: string;
     /** Current search query — used to highlight matches in source titles and quotes. */
     searchQuery?: string;
     /** CSS class applied to the section heading. Defaults to `'dial-body-semi-text'`. */
@@ -14,6 +23,8 @@ interface SourcesSectionProps {
     linkClassName?: string;
     /** CSS class applied to the quote text. Defaults to `'dial-tiny-text'`. */
     quoteClassName?: string;
+    /** Color overrides applied as CSS custom properties. */
+    colors?: SourcesSectionColors;
     /** When provided, called on source link click instead of following the href. */
     onSourceClick?: (source: QuotationSource) => void;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SourcesSection.d.ts","sourceRoot":"","sources":["../../../src/components/SourcesSection/SourcesSection.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAGrE,UAAU,mBAAmB;IAC3B,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,0DAA0D;IAC1D,SAAS,EAAE,MAAM,CAAC;IAClB,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qFAAqF;IACrF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8EAA8E;IAC9E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2EAA2E;IAC3E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gFAAgF;IAChF,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;CACnD;;AA4ED,wBAAoC"}
+{"version":3,"file":"SourcesSection.d.ts","sourceRoot":"","sources":["../../../src/components/SourcesSection/SourcesSection.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAGrE,wEAAwE;AACxE,UAAU,oBAAoB;IAC5B,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,mBAAmB;IAC3B,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,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,qFAAqF;IACrF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8EAA8E;IAC9E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2EAA2E;IAC3E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wDAAwD;IACxD,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,gFAAgF;IAChF,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;CACnD;;AAmGD,wBAAoC"}

package/index.css

@@ -1,2 +1,2 @@
-._link_wc3rf_1{color:var(--sp-source-link,var(--text-accent-primary,#124ace))}._quote_wc3rf_5{color:var(--sp-source-quote,var(--text-secondary,#575f73))}
+._link_1f4sp_1{color:var(--sp-source-link,var(--text-accent-primary,#124ace))}._quote_1f4sp_5{color:var(--sp-source-quote,var(--text-primary,#161b2d))}
 /*$vite$:1*/

package/index.js

@@ -2,21 +2,21 @@ import { PanelEmpty as e, PanelNoResults as t, SearchInput as n, SidebarOrientat
 import { DIAL_ICON_SIZE as a, DialGhostIconButton as o, ElementSize as s } from "@epam/ai-dial-ui-kit";
 import { IconCopy as c, IconDownload as l } from "@tabler/icons-react";
 import { memo as u, useLayoutEffect as d, useMemo as f, useState as p } from "react";
-import { AttachmentType as m, Highlight as h, mergeClasses as g } from "@epam/ai-dial-chat-shared";
-import { AttachmentCard as _ } from "@epam/ai-dial-conversation-input";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-var x = u(({ attachments: e, title: t, searchQuery: n, titleClassName: r = "dial-body-semi-text", onAttachmentClick: i, attachmentClickLabel: a }) => e.length === 0 ? null : /* @__PURE__ */ b("section", {
+import { AttachmentType as m, Highlight as h, buildCssVars as g, mergeClasses as _ } from "@epam/ai-dial-chat-shared";
+import { AttachmentCard as v } from "@epam/ai-dial-conversation-input";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+var S = u(({ attachments: e, title: t, searchQuery: n, titleClassName: r = "dial-body-semi-text", onAttachmentClick: i, attachmentClickLabel: a }) => e.length === 0 ? null : /* @__PURE__ */ x("section", {
 	className: "mb-6",
-	children: [/* @__PURE__ */ y("h2", {
-		className: g(r, "mb-3"),
+	children: [/* @__PURE__ */ b("h2", {
+		className: _(r, "mb-3"),
 		children: t
-	}), /* @__PURE__ */ y("div", {
+	}), /* @__PURE__ */ b("div", {
 		role: "list",
 		className: "grid grid-cols-[repeat(auto-fill,minmax(100px,1fr))] gap-3",
-		children: e.map((e) => /* @__PURE__ */ y("div", {
+		children: e.map((e) => /* @__PURE__ */ b("div", {
 			role: "listitem",
 			className: e.type === m.Audio ? "col-span-full" : void 0,
-			children: /* @__PURE__ */ y(_, {
+			children: /* @__PURE__ */ b(v, {
 				attachment: e,
 				searchQuery: n,
 				className: "w-full",
@@ -25,112 +25,144 @@ var x = u(({ attachments: e, title: t, searchQuery: n, titleClassName: r = "dial
 			})
 		}, e.id))
 	})]
-})), S = {
-	link: "_link_wc3rf_1",
-	quote: "_quote_wc3rf_5"
-}, C = u(({ title: e, sources: t, copyLabel: n, searchQuery: r = "", titleClassName: i = "dial-body-semi-text", linkClassName: l = "dial-small-text", quoteClassName: u = "dial-tiny-text", onSourceClick: d }) => t.length === 0 ? null : /* @__PURE__ */ b("section", {
-	className: "mb-6",
-	children: [/* @__PURE__ */ y("h2", {
-		className: g(i, "mb-3"),
-		children: e
-	}), /* @__PURE__ */ y("ul", {
-		className: "flex flex-col gap-3",
-		children: t.map((e) => /* @__PURE__ */ b("li", {
-			className: "flex flex-col gap-1",
-			children: [/* @__PURE__ */ b("div", {
-				className: "flex min-w-0 items-center justify-between gap-2",
-				children: [/* @__PURE__ */ y("a", {
-					href: e.url,
-					target: "_blank",
-					rel: "noopener noreferrer",
-					className: g(l, S.link, "min-w-0 flex-1 truncate"),
-					onClick: d ? (t) => {
-						t.preventDefault(), d(e);
-					} : void 0,
-					children: r ? /* @__PURE__ */ y(h, {
-						text: e.title,
-						query: r,
-						maxLines: 1
-					}) : e.title
-				}), /* @__PURE__ */ y(o, {
-					size: s.Small,
-					icon: /* @__PURE__ */ y(c, {
-						size: a.SM,
-						stroke: 1.5
-					}),
-					"aria-label": n,
-					onClick: () => navigator.clipboard.writeText(e.url)
-				})]
-			}), e.quote && /* @__PURE__ */ y("p", {
-				className: g(u, S.quote, "line-clamp-5 max-h-[80px] overflow-hidden"),
-				children: e.quote
-			})]
-		}, e.url))
-	})]
-})), w = (e, t) => e.toLowerCase().includes(t.toLowerCase()), T = u(({ isOpen: s, onClose: c, uploaded: u, generated: m, sources: h, onAttachmentClick: g, onSourceClick: _, isMobile: S, defaultWidth: T, minWidth: E, maxWidth: D, onResizeStop: O, labels: k, styles: A }) => {
+})), C = {
+	link: "_link_1f4sp_1",
+	quote: "_quote_1f4sp_5"
+}, w = u(({ title: e, sources: t, copyLabel: n, copiedLabel: r = "Link copied to clipboard", searchQuery: i = "", titleClassName: l = "dial-body-semi-text", linkClassName: u = "dial-small-text", quoteClassName: d = "dial-tiny-text", colors: m, onSourceClick: v }) => {
+	let [y, S] = p(""), w = f(() => g({
+		"--sp-source-link": m?.link,
+		"--sp-source-quote": m?.quote
+	}), [m]);
+	if (t.length === 0) return null;
+	let T = async (e) => {
+		await navigator.clipboard.writeText(e), S(r);
+	};
+	return /* @__PURE__ */ x("section", {
+		className: "mb-6",
+		style: w,
+		children: [
+			/* @__PURE__ */ b("h2", {
+				className: _(l, "mb-3"),
+				children: e
+			}),
+			/* @__PURE__ */ b("ul", {
+				className: "flex flex-col gap-3",
+				children: t.map((e) => /* @__PURE__ */ x("li", {
+					className: "flex flex-col gap-1",
+					children: [/* @__PURE__ */ x("div", {
+						className: "flex min-w-0 items-center justify-between gap-2",
+						children: [/* @__PURE__ */ b("a", {
+							href: e.url,
+							target: "_blank",
+							rel: "noopener noreferrer",
+							className: _(u, C.link, "min-w-0 flex-1 truncate"),
+							onClick: v ? (t) => {
+								t.preventDefault(), v(e);
+							} : void 0,
+							children: i ? /* @__PURE__ */ b(h, {
+								text: e.title,
+								query: i,
+								maxLines: 1
+							}) : e.title
+						}), /* @__PURE__ */ b(o, {
+							size: s.Small,
+							icon: /* @__PURE__ */ b(c, {
+								size: a.SM,
+								stroke: 1.5,
+								"aria-hidden": !0
+							}),
+							"aria-label": n,
+							onClick: () => void T(e.url)
+						})]
+					}), e.quote && /* @__PURE__ */ b("p", {
+						className: _(d, C.quote, "line-clamp-5 max-h-[80px] overflow-hidden"),
+						children: e.quote
+					})]
+				}, e.url))
+			}),
+			/* @__PURE__ */ b("span", {
+				role: "status",
+				"aria-live": "polite",
+				className: "sr-only",
+				children: y
+			})
+		]
+	});
+}), T = (e, t) => e.toLowerCase().includes(t.toLowerCase()), E = u(({ isOpen: s, onClose: c, uploaded: u, generated: m, sources: h, onAttachmentClick: g, onSourceClick: _, isMobile: v, defaultWidth: C, minWidth: E, maxWidth: D, onResizeStop: O, labels: k, styles: A }) => {
 	let [j, M] = p("");
 	d(() => {
 		s || M("");
 	}, [s]);
-	let N = f(() => j ? u.filter((e) => w(e.name, j)) : u, [u, j]), P = f(() => j ? m.filter((e) => w(e.name, j)) : m, [m, j]), F = f(() => j ? h.filter((e) => w(e.title, j) || w(e.url, j) || e.quote != null && w(e.quote, j)) : h, [h, j]), I = u.length === 0 && m.length === 0 && h.length === 0, L = j !== "" && N.length === 0 && P.length === 0 && F.length === 0;
-	return /* @__PURE__ */ b(i, {
+	let N = f(() => j ? u.filter((e) => T(e.name, j)) : u, [u, j]), P = f(() => j ? m.filter((e) => T(e.name, j)) : m, [m, j]), F = f(() => j ? h.filter((e) => T(e.title, j) || T(e.url, j) || e.quote != null && T(e.quote, j)) : h, [h, j]), I = u.length === 0 && m.length === 0 && h.length === 0, L = j !== "" && N.length === 0 && P.length === 0 && F.length === 0;
+	return /* @__PURE__ */ x(i, {
 		isOpen: s,
 		orientation: r.Right,
-		className: s ? "mobile:w-full" : "w-0",
-		styles: { bodyClassName: "flex flex-col overflow-hidden p-0" },
-		ariaLabel: k.ariaLabel,
-		closeLabel: k.closeLabel,
+		styles: {
+			className: s ? "mobile:w-full" : "w-0",
+			bodyClassName: "flex flex-col overflow-hidden p-0"
+		},
+		labels: k,
 		onClose: c,
-		resizable: !S,
-		defaultWidth: T,
+		resizable: !v,
+		defaultWidth: C,
 		minWidth: E,
 		maxWidth: D,
 		onResizeStop: O,
-		rightActions: !I && /* @__PURE__ */ y(o, {
-			icon: /* @__PURE__ */ y(l, {
+		rightActions: !I && /* @__PURE__ */ b(o, {
+			icon: /* @__PURE__ */ b(l, {
 				size: a.LG,
-				stroke: 1.5
+				stroke: 1.5,
+				"aria-hidden": !0
 			}),
 			"aria-label": k.downloadAllLabel,
 			disabled: !0
 		}),
-		children: [!I && /* @__PURE__ */ y(n, {
-			placeholder: k.searchPlaceholder,
-			value: j,
-			onChange: M,
-			clearLabel: k.searchClearLabel
-		}), /* @__PURE__ */ y("div", {
-			className: "flex-1 overflow-y-auto p-4",
-			children: I ? /* @__PURE__ */ y(e, { label: k.emptyLabel }) : L ? /* @__PURE__ */ y(t, { label: k.noResultsLabel }) : /* @__PURE__ */ b(v, { children: [
-				/* @__PURE__ */ y(x, {
-					attachments: N,
-					title: k.uploadedSectionTitle,
-					searchQuery: j,
-					titleClassName: A?.sectionTitleClassName,
-					onAttachmentClick: g,
-					attachmentClickLabel: k.attachmentClickLabel
-				}),
-				/* @__PURE__ */ y(x, {
-					attachments: P,
-					title: k.generatedSectionTitle,
-					searchQuery: j,
-					titleClassName: A?.sectionTitleClassName,
-					onAttachmentClick: g,
-					attachmentClickLabel: k.attachmentClickLabel
-				}),
-				/* @__PURE__ */ y(C, {
-					sources: F,
-					title: k.sourcesSectionTitle,
-					searchQuery: j,
-					titleClassName: A?.sectionTitleClassName,
-					linkClassName: A?.sourceLinkClassName,
-					quoteClassName: A?.sourceQuoteClassName,
-					copyLabel: k.copySourceLabel,
-					onSourceClick: _
-				})
-			] })
-		})]
+		children: [
+			!I && /* @__PURE__ */ b(n, {
+				placeholder: k.searchPlaceholder,
+				value: j,
+				onChange: M,
+				clearLabel: k.searchClearLabel
+			}),
+			/* @__PURE__ */ b("span", {
+				role: "status",
+				"aria-live": "polite",
+				className: "sr-only",
+				children: L ? k.noResultsLabel : ""
+			}),
+			/* @__PURE__ */ b("div", {
+				className: "flex-1 overflow-y-auto p-4",
+				children: I ? /* @__PURE__ */ b(e, { label: k.emptyLabel }) : L ? /* @__PURE__ */ b(t, { label: k.noResultsLabel }) : /* @__PURE__ */ x(y, { children: [
+					/* @__PURE__ */ b(S, {
+						attachments: N,
+						title: k.uploadedSectionTitle,
+						searchQuery: j,
+						titleClassName: A?.sectionTitleClassName,
+						onAttachmentClick: g,
+						attachmentClickLabel: k.attachmentClickLabel
+					}),
+					/* @__PURE__ */ b(S, {
+						attachments: P,
+						title: k.generatedSectionTitle,
+						searchQuery: j,
+						titleClassName: A?.sectionTitleClassName,
+						onAttachmentClick: g,
+						attachmentClickLabel: k.attachmentClickLabel
+					}),
+					/* @__PURE__ */ b(w, {
+						sources: F,
+						title: k.sourcesSectionTitle,
+						searchQuery: j,
+						titleClassName: A?.sectionTitleClassName,
+						linkClassName: A?.sourceLinkClassName,
+						quoteClassName: A?.sourceQuoteClassName,
+						copyLabel: k.copySourceLabel,
+						onSourceClick: _
+					})
+				] })
+			})
+		]
 	});
 });
 //#endregion
-export { T as ConversationSourcesPanel };
+export { E as ConversationSourcesPanel };

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.0.0-dev.471",
+  "version": "1.0.0-dev.475",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -19,10 +19,10 @@
   "peerDependencies": {
     "react": "^19.0.0",
     "@tabler/icons-react": "^3.0.0",
-    "@epam/ai-dial-chat-shared": "1.0.0-dev.471",
+    "@epam/ai-dial-chat-shared": "1.0.0-dev.475",
     "@epam/ai-dial-ui-kit": "0.12.0-dev.28",
-    "@epam/ai-dial-sidebar": "1.0.0-dev.471",
-    "@epam/ai-dial-conversation-input": "1.0.0-dev.471"
+    "@epam/ai-dial-sidebar": "1.0.0-dev.475",
+    "@epam/ai-dial-conversation-input": "1.0.0-dev.475"
   },
   "repository": {
     "type": "git",