@epam/ai-dial-source-panel 1.1.0-dev.18 → 1.1.0-dev.183

package/components/ConversationSourcesPanel/ConversationSourcesPanel.d.ts

@@ -1,5 +1,4 @@
 import { ConversationSourcesPanelProps } from '../../models/conversation-sources-panel-props';
-export type { ConversationSourcesPanelColors, ConversationSourcesPanelLabels, ConversationSourcesPanelProps, ConversationSourcesPanelStyles, ConversationSourcesPanelTypography, } from '../../models/conversation-sources-panel-props';
 declare const _default: import('react').NamedExoticComponent<ConversationSourcesPanelProps>;
 export default _default;
 //# sourceMappingURL=ConversationSourcesPanel.d.ts.map

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

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

package/components/FilesSection/FilesSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilesSection.d.ts","sourceRoot":"","sources":["../../../src/components/FilesSection/FilesSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAKnE,4CAA4C;AAC5C,MAAM,WAAW,iBAAiB;IAChC,kEAAkE;IAClE,WAAW,EAAE,iBAAiB,EAAE,CAAC;IACjC,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qFAAqF;IACrF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sDAAsD;IACtD,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5D,uFAAuF;IACvF,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;;AA6CD,wBAAkC"}
+{"version":3,"file":"FilesSection.d.ts","sourceRoot":"","sources":["../../../src/components/FilesSection/FilesSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAKnE,4CAA4C;AAC5C,MAAM,WAAW,iBAAiB;IAChC,kEAAkE;IAClE,WAAW,EAAE,iBAAiB,EAAE,CAAC;IACjC,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qFAAqF;IACrF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sDAAsD;IACtD,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5D,uFAAuF;IACvF,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;;AAuCD,wBAAkC"}

package/components/SourcesSection/SourcesSection.d.ts

@@ -1,8 +1,10 @@
+import { ReactNode } from 'react';
+import { ConversationSourcesPanelColors, ConversationSourcesPanelTypography } from '../../models/conversation-sources-panel-props';
 import { QuotationSource } from '../../models/quotation-source';
-import { ConversationSourcesPanelColors, ConversationSourcesPanelTypography } from '../ConversationSourcesPanel/ConversationSourcesPanel';
+/** Props for the `SourcesSection` component. */
 export interface SourcesSectionProps {
     /** Heading text for the sources section. */
-    title: string;
+    title: ReactNode;
     /** List of sources to display. */
     sources: QuotationSource[];
     /** Accessible label for each source's copy-URL button. */

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

@@ -1 +1 @@
-{"version":3,"file":"SourcesSection.d.ts","sourceRoot":"","sources":["../../../src/components/SourcesSection/SourcesSection.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EACL,8BAA8B,EAC9B,kCAAkC,EACnC,MAAM,sDAAsD,CAAC;AAG9D,MAAM,WAAW,mBAAmB;IAClC,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,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;;AAuGD,wBAAoC"}
+{"version":3,"file":"SourcesSection.d.ts","sourceRoot":"","sources":["../../../src/components/SourcesSection/SourcesSection.tsx"],"names":[],"mappings":"AAaA,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,MAAM,WAAW,mBAAmB;IAClC,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;;AAyGD,wBAAoC"}

package/index.css

@@ -1,2 +1,2 @@
-._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))}
+._link_viope_1{color:var(--sp-source-link,var(--text-accent,#1d4ed8))}._quote_viope_5{color:var(--sp-source-quote,var(--text-primary,#161b2d))}
 /*$vite$:1*/

package/index.d.ts

@@ -1,4 +1,4 @@
 export { default as ConversationSourcesPanel } from './components/ConversationSourcesPanel/ConversationSourcesPanel';
-export type { ConversationSourcesPanelColors, ConversationSourcesPanelLabels, ConversationSourcesPanelProps, ConversationSourcesPanelStyles, ConversationSourcesPanelTypography, } from './components/ConversationSourcesPanel/ConversationSourcesPanel';
+export type { ConversationSourcesPanelColors, ConversationSourcesPanelLabels, ConversationSourcesPanelProps, ConversationSourcesPanelStyles, ConversationSourcesPanelTypography, } from './models/conversation-sources-panel-props';
 export type { QuotationSource } from './models/quotation-source';
 //# 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,gEAAgE,CAAC;AACxE,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"}

package/index.js

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

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

@@ -1,4 +1,5 @@
 import { DisplayAttachment } from '@epam/ai-dial-chat-shared';
+import { ReactNode } from 'react';
 import { QuotationSource } from './quotation-source';
 /** User-visible strings passed by the consuming app (via i18n or plain strings). */
 export interface ConversationSourcesPanelLabels {
@@ -10,8 +11,8 @@ export interface ConversationSourcesPanelLabels {
     searchPlaceholder: string;
     /** Accessible label for the search input clear button. */
     searchClearLabel: string;
-    /** Text shown when the panel has no files or sources. */
-    emptyLabel: string;
+    /** Text shown in the centred empty state when the panel has no files or sources. */
+    noDataLabel: string;
     /** Text shown when a search query matches nothing. */
     noResultsLabel: string;
     /** Accessible label for the download-all icon button. */
@@ -24,6 +25,8 @@ export interface ConversationSourcesPanelLabels {
     sourcesSectionTitle: string;
     /** Accessible label for each source's copy-URL button. */
     copySourceLabel: string;
+    /** Status message announced to assistive tech after a source URL is copied. Defaults to `'Link copied to clipboard'`. */
+    sourceCopiedLabel?: string;
     /** Label passed to each attachment card's action button. */
     attachmentClickLabel: string;
 }
@@ -47,7 +50,7 @@ export interface ConversationSourcesPanelTypography {
 export interface ConversationSourcesPanelStyles {
     /** Color overrides applied as CSS custom properties to the sources section. */
     colors?: ConversationSourcesPanelColors;
-    /** Typography (font utility class) overrides for section headings and source text. */
+    /** Typography overrides for section headings and source text. */
     typography?: ConversationSourcesPanelTypography;
 }
 /** Props for the ConversationSourcesPanel component. */
@@ -66,11 +69,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 this prop
-     * (leave it `undefined`) when there is nothing downloadable — the button
-     * renders disabled whenever this is not provided.
-     */
+    /** Called when the user activates the download-all button; omit to disable the button. */
     onDownloadAll?: () => void;
     /** Whether the viewport is in mobile breakpoint (disables resizing). */
     isMobile: boolean;
@@ -86,5 +85,17 @@ export interface ConversationSourcesPanelProps {
     labels: ConversationSourcesPanelLabels;
     /** Optional typography and color class overrides for inner elements. */
     styles?: ConversationSourcesPanelStyles;
+    /**
+     * Overrides the panel header's title (passed through to the underlying
+     * `SidebarPanel`'s `title`). Omit to keep the panel's default (untitled)
+     * header.
+     */
+    title?: ReactNode;
+    /**
+     * Rendered inside the scrollable body, before the Uploaded Files, Generated
+     * Files, and Sources sections. A plain, host-agnostic slot — this component
+     * has no knowledge of what it contains.
+     */
+    additionalSections?: ReactNode;
 }
 //# sourceMappingURL=conversation-sources-panel-props.d.ts.map

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":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,oFAAoF;AACpF,MAAM,WAAW,8BAA8B;IAC7C,qDAAqD;IACrD,SAAS,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,0DAA0D;IAC1D,gBAAgB,EAAE,MAAM,CAAC;IACzB,yDAAyD;IACzD,UAAU,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,cAAc,EAAE,MAAM,CAAC;IACvB,yDAAyD;IACzD,gBAAgB,EAAE,MAAM,CAAC;IACzB,mDAAmD;IACnD,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oDAAoD;IACpD,qBAAqB,EAAE,MAAM,CAAC;IAC9B,4CAA4C;IAC5C,mBAAmB,EAAE,MAAM,CAAC;IAC5B,0DAA0D;IAC1D,eAAe,EAAE,MAAM,CAAC;IACxB,4DAA4D;IAC5D,oBAAoB,EAAE,MAAM,CAAC;CAC9B;AAED,6DAA6D;AAC7D,MAAM,WAAW,8BAA8B;IAC7C,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,oEAAoE;AACpE,MAAM,WAAW,kCAAkC;IACjD,+FAA+F;IAC/F,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,8EAA8E;IAC9E,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,wFAAwF;IACxF,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,kEAAkE;AAClE,MAAM,WAAW,8BAA8B;IAC7C,+EAA+E;IAC/E,MAAM,CAAC,EAAE,8BAA8B,CAAC;IACxC,sFAAsF;IACtF,UAAU,CAAC,EAAE,kCAAkC,CAAC;CACjD;AAED,wDAAwD;AACxD,MAAM,WAAW,6BAA6B;IAC5C,8CAA8C;IAC9C,MAAM,EAAE,OAAO,CAAC;IAChB,wDAAwD;IACxD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,6DAA6D;IAC7D,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,mEAAmE;IACnE,SAAS,EAAE,iBAAiB,EAAE,CAAC;IAC/B,gDAAgD;IAChD,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5D,4FAA4F;IAC5F,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAClD;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,wEAAwE;IACxE,QAAQ,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uEAAuE;IACvE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,gEAAgE;IAChE,MAAM,EAAE,8BAA8B,CAAC;IACvC,wEAAwE;IACxE,MAAM,CAAC,EAAE,8BAA8B,CAAC;CACzC"}
+{"version":3,"file":"conversation-sources-panel-props.d.ts","sourceRoot":"","sources":["../../src/models/conversation-sources-panel-props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,oFAAoF;AACpF,MAAM,WAAW,8BAA8B;IAC7C,qDAAqD;IACrD,SAAS,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,0DAA0D;IAC1D,gBAAgB,EAAE,MAAM,CAAC;IACzB,oFAAoF;IACpF,WAAW,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,cAAc,EAAE,MAAM,CAAC;IACvB,yDAAyD;IACzD,gBAAgB,EAAE,MAAM,CAAC;IACzB,mDAAmD;IACnD,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oDAAoD;IACpD,qBAAqB,EAAE,MAAM,CAAC;IAC9B,4CAA4C;IAC5C,mBAAmB,EAAE,MAAM,CAAC;IAC5B,0DAA0D;IAC1D,eAAe,EAAE,MAAM,CAAC;IACxB,yHAAyH;IACzH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4DAA4D;IAC5D,oBAAoB,EAAE,MAAM,CAAC;CAC9B;AAED,6DAA6D;AAC7D,MAAM,WAAW,8BAA8B;IAC7C,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,oEAAoE;AACpE,MAAM,WAAW,kCAAkC;IACjD,+FAA+F;IAC/F,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,8EAA8E;IAC9E,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,wFAAwF;IACxF,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,kEAAkE;AAClE,MAAM,WAAW,8BAA8B;IAC7C,+EAA+E;IAC/E,MAAM,CAAC,EAAE,8BAA8B,CAAC;IACxC,iEAAiE;IACjE,UAAU,CAAC,EAAE,kCAAkC,CAAC;CACjD;AAED,wDAAwD;AACxD,MAAM,WAAW,6BAA6B;IAC5C,8CAA8C;IAC9C,MAAM,EAAE,OAAO,CAAC;IAChB,wDAAwD;IACxD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,6DAA6D;IAC7D,QAAQ,EAAE,iBAAiB,EAAE,CAAC;IAC9B,mEAAmE;IACnE,SAAS,EAAE,iBAAiB,EAAE,CAAC;IAC/B,gDAAgD;IAChD,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5D,4FAA4F;IAC5F,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAClD,0FAA0F;IAC1F,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,wEAAwE;IACxE,QAAQ,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uEAAuE;IACvE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,gEAAgE;IAChE,MAAM,EAAE,8BAA8B,CAAC;IACvC,wEAAwE;IACxE,MAAM,CAAC,EAAE,8BAA8B,CAAC;IACxC;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC;CAChC"}

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.1.0-dev.18",
+  "version": "1.1.0-dev.183",
   "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.1.0-dev.18",
-    "@epam/ai-dial-ui-kit": "0.12.0-dev.36",
-    "@epam/ai-dial-sidebar": "1.1.0-dev.18",
-    "@epam/ai-dial-conversation-input": "1.1.0-dev.18"
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.183",
+    "@epam/ai-dial-sidebar": "1.1.0-dev.183",
+    "@epam/ai-dial-conversation-input": "1.1.0-dev.183",
+    "@epam/ai-dial-ui-kit": "^0.13.0-dev.26"
   },
   "repository": {
     "type": "git",