@epam/ai-dial-source-panel 1.1.0-dev.99 → 1.2.0-dev.1

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":"AAUA,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;;AAqJvD,wBAA8C"}
+{"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"}

package/components/FilesSection/FilesSection.d.ts

@@ -1,6 +1,6 @@
 import { DisplayAttachment } from '@epam/ai-dial-chat-shared';
 /** Props for the FilesSection component. */
-export interface FilesSectionProps {
+interface FilesSectionProps {
     /** List of attachments to display. Renders nothing when empty. */
     attachments: DisplayAttachment[];
     /** Heading text rendered above the attachment grid. */

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":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAInE,4CAA4C;AAC5C,UAAU,iBAAiB;IACzB,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,8 @@
 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 {
+interface SourcesSectionProps {
     /** Heading text for the sources section. */
     title: ReactNode;
     /** List of sources to display. */

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

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

package/index.css

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

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

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 {
@@ -6,6 +7,8 @@ export interface ConversationSourcesPanelLabels {
     ariaLabel: string;
     /** Label for the close button. */
     closeLabel: string;
+    /** Accessible label for the panel's drag-to-resize handle. Defaults to `'Resize panel'`. */
+    resizeLabel?: string;
     /** Placeholder text shown inside the search input. */
     searchPlaceholder: string;
     /** Accessible label for the search input clear button. */
@@ -24,6 +27,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;
 }
@@ -82,5 +87,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,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,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;CACzC"}
+{"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.1.0-dev.99",
+  "version": "1.2.0-dev.1",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -9,20 +9,22 @@
   "types": "./index.d.ts",
   "exports": {
     "./package.json": "./package.json",
-    "./styles.css": "./style.css",
+    "./styles.css": "./index.css",
     ".": {
       "types": "./index.d.ts",
       "import": "./index.js",
       "default": "./index.js"
     }
   },
+  "dependencies": {
+    "@tabler/icons-react": "^3.44.0",
+    "@epam/ai-dial-attachment-input": "1.2.0-dev.1",
+    "@epam/ai-dial-sidebar": "1.2.0-dev.1"
+  },
   "peerDependencies": {
-    "react": "^19.0.0",
-    "@tabler/icons-react": "^3.0.0",
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.99",
-    "@epam/ai-dial-sidebar": "1.1.0-dev.99",
-    "@epam/ai-dial-conversation-input": "1.1.0-dev.99",
-    "@epam/ai-dial-ui-kit": "^0.13.0-dev.26"
+    "react": "^19.2.8",
+    "@epam/ai-dial-chat-shared": "1.2.0-dev.1",
+    "@epam/ai-dial-ui-kit": "^0.14.2"
   },
   "repository": {
     "type": "git",