@epam/ai-dial-source-panel 1.0.0-dev.456 → 1.0.0-dev.459

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;;AAyIvD,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;;AA4IvD,wBAA8C"}

package/components/FilesSection/FilesSection.d.ts

@@ -5,6 +5,8 @@ interface FilesSectionProps {
     attachments: DisplayAttachment[];
     /** Heading text rendered above the attachment grid. */
     title: string;
+    /** Current search query — used to highlight matches in attachment names. */
+    searchQuery?: string;
     /** CSS class applied to the section heading. Defaults to `'dial-body-semi-text'`. */
     titleClassName?: string;
     /** Called when the user clicks an attachment card. */

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,UAAU,iBAAiB;IACzB,kEAAkE;IAClE,WAAW,EAAE,iBAAiB,EAAE,CAAC;IACjC,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,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;;AA2CD,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,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;;AA6CD,wBAAkC"}

package/components/SourcesSection/SourcesSection.d.ts

@@ -6,6 +6,8 @@ interface SourcesSectionProps {
     sources: QuotationSource[];
     /** Accessible label for each source's copy-URL button. */
     copyLabel: 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'`. */
     titleClassName?: string;
     /** CSS class applied to each source link. Defaults to `'dial-small-text !text-accent-primary'`. */

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;AAErE,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,qFAAqF;IACrF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mGAAmG;IACnG,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0FAA0F;IAC1F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gFAAgF;IAChF,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;CACnD;;AAiED,wBAAoC"}
+{"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;AAErE,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,mGAAmG;IACnG,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0FAA0F;IAC1F,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gFAAgF;IAChF,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;CACnD;;AA0ED,wBAAoC"}

package/index.js

@@ -2,70 +2,75 @@ 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, mergeClasses as h } from "@epam/ai-dial-chat-shared";
-import { AttachmentCard as g } from "@epam/ai-dial-conversation-input";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-var b = u(({ attachments: e, title: t, titleClassName: n = "dial-body-semi-text", onAttachmentClick: r, attachmentClickLabel: i }) => e.length === 0 ? null : /* @__PURE__ */ y("section", {
+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", {
 	className: "mb-6",
-	children: [/* @__PURE__ */ v("h2", {
-		className: h(n, "mb-3"),
+	children: [/* @__PURE__ */ y("h2", {
+		className: g(r, "mb-3"),
 		children: t
-	}), /* @__PURE__ */ v("div", {
+	}), /* @__PURE__ */ y("div", {
 		role: "list",
 		className: "grid grid-cols-[repeat(auto-fill,minmax(100px,1fr))] gap-3",
-		children: e.map((e) => /* @__PURE__ */ v("div", {
+		children: e.map((e) => /* @__PURE__ */ y("div", {
 			role: "listitem",
 			className: e.type === m.Audio ? "col-span-full" : void 0,
-			children: /* @__PURE__ */ v(g, {
+			children: /* @__PURE__ */ y(_, {
 				attachment: e,
+				searchQuery: n,
 				className: "w-full",
-				onClick: r ? () => r(e) : void 0,
-				clickLabel: i
+				onClick: i ? () => i(e) : void 0,
+				clickLabel: a
 			})
 		}, e.id))
 	})]
-})), x = u(({ title: e, sources: t, copyLabel: n, titleClassName: r = "dial-body-semi-text", linkClassName: i = "dial-small-text !text-accent-primary", quoteClassName: l = "dial-tiny-text text-secondary", onSourceClick: u }) => t.length === 0 ? null : /* @__PURE__ */ y("section", {
+})), S = u(({ title: e, sources: t, copyLabel: n, searchQuery: r = "", titleClassName: i = "dial-body-semi-text", linkClassName: l = "dial-small-text !text-accent-primary", quoteClassName: u = "dial-tiny-text text-secondary", onSourceClick: d }) => t.length === 0 ? null : /* @__PURE__ */ b("section", {
 	className: "mb-6",
-	children: [/* @__PURE__ */ v("h2", {
-		className: h(r, "mb-3"),
+	children: [/* @__PURE__ */ y("h2", {
+		className: g(i, "mb-3"),
 		children: e
-	}), /* @__PURE__ */ v("ul", {
+	}), /* @__PURE__ */ y("ul", {
 		className: "flex flex-col gap-3",
-		children: t.map((e) => /* @__PURE__ */ y("li", {
+		children: t.map((e) => /* @__PURE__ */ b("li", {
 			className: "flex flex-col gap-1",
-			children: [/* @__PURE__ */ y("div", {
+			children: [/* @__PURE__ */ b("div", {
 				className: "flex min-w-0 items-center justify-between gap-2",
-				children: [/* @__PURE__ */ v("a", {
+				children: [/* @__PURE__ */ y("a", {
 					href: e.url,
 					target: "_blank",
 					rel: "noopener noreferrer",
-					className: h(i, "min-w-0 flex-1 truncate"),
-					onClick: u ? (t) => {
-						t.preventDefault(), u(e);
+					className: g(l, "min-w-0 flex-1 truncate"),
+					onClick: d ? (t) => {
+						t.preventDefault(), d(e);
 					} : void 0,
-					children: e.title
-				}), /* @__PURE__ */ v(o, {
+					children: r ? /* @__PURE__ */ y(h, {
+						text: e.title,
+						query: r,
+						maxLines: 1
+					}) : e.title
+				}), /* @__PURE__ */ y(o, {
 					size: s.Small,
-					icon: /* @__PURE__ */ v(c, {
+					icon: /* @__PURE__ */ y(c, {
 						size: a.SM,
 						stroke: 1.5
 					}),
 					"aria-label": n,
 					onClick: () => navigator.clipboard.writeText(e.url)
 				})]
-			}), e.quote && /* @__PURE__ */ v("p", {
-				className: h(l, "line-clamp-5 max-h-[80px] overflow-hidden"),
+			}), e.quote && /* @__PURE__ */ y("p", {
+				className: g(u, "line-clamp-5 max-h-[80px] overflow-hidden"),
 				children: e.quote
 			})]
 		}, e.url))
 	})]
-})), S = (e, t) => e.toLowerCase().includes(t.toLowerCase()), C = u(({ isOpen: s, onClose: c, uploaded: u, generated: m, sources: h, onAttachmentClick: g, onSourceClick: C, isMobile: w, defaultWidth: T, minWidth: E, maxWidth: D, onResizeStop: O, labels: k, styles: A }) => {
+})), C = (e, t) => e.toLowerCase().includes(t.toLowerCase()), w = u(({ isOpen: s, onClose: c, uploaded: u, generated: m, sources: h, onAttachmentClick: g, onSourceClick: _, isMobile: w, defaultWidth: T, 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) => S(e.name, j)) : u, [u, j]), P = f(() => j ? m.filter((e) => S(e.name, j)) : m, [m, j]), F = f(() => j ? h.filter((e) => S(e.title, j) || S(e.url, j) || e.quote != null && S(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__ */ y(i, {
+	let N = f(() => j ? u.filter((e) => C(e.name, j)) : u, [u, j]), P = f(() => j ? m.filter((e) => C(e.name, j)) : m, [m, j]), F = f(() => j ? h.filter((e) => C(e.title, j) || C(e.url, j) || e.quote != null && C(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, {
 		isOpen: s,
 		orientation: r.Right,
 		className: s ? "mobile:w-full" : "w-0",
@@ -78,48 +83,51 @@ var b = u(({ attachments: e, title: t, titleClassName: n = "dial-body-semi-text"
 		minWidth: E,
 		maxWidth: D,
 		onResizeStop: O,
-		rightActions: !I && /* @__PURE__ */ v(o, {
-			icon: /* @__PURE__ */ v(l, {
+		rightActions: !I && /* @__PURE__ */ y(o, {
+			icon: /* @__PURE__ */ y(l, {
 				size: a.LG,
 				stroke: 1.5
 			}),
 			"aria-label": k.downloadAllLabel,
 			disabled: !0
 		}),
-		children: [!I && /* @__PURE__ */ v(n, {
+		children: [!I && /* @__PURE__ */ y(n, {
 			placeholder: k.searchPlaceholder,
 			value: j,
 			onChange: M,
 			clearLabel: k.searchClearLabel
-		}), /* @__PURE__ */ v("div", {
+		}), /* @__PURE__ */ y("div", {
 			className: "flex-1 overflow-y-auto p-4",
-			children: I ? /* @__PURE__ */ v(e, { label: k.emptyLabel }) : L ? /* @__PURE__ */ v(t, { label: k.noResultsLabel }) : /* @__PURE__ */ y(_, { children: [
-				/* @__PURE__ */ v(b, {
+			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__ */ v(b, {
+				/* @__PURE__ */ y(x, {
 					attachments: P,
 					title: k.generatedSectionTitle,
+					searchQuery: j,
 					titleClassName: A?.sectionTitleClassName,
 					onAttachmentClick: g,
 					attachmentClickLabel: k.attachmentClickLabel
 				}),
-				/* @__PURE__ */ v(x, {
+				/* @__PURE__ */ y(S, {
 					sources: F,
 					title: k.sourcesSectionTitle,
+					searchQuery: j,
 					titleClassName: A?.sectionTitleClassName,
 					linkClassName: A?.sourceLinkClassName,
 					quoteClassName: A?.sourceQuoteClassName,
 					copyLabel: k.copySourceLabel,
-					onSourceClick: C
+					onSourceClick: _
 				})
 			] })
 		})]
 	});
 });
 //#endregion
-export { C as ConversationSourcesPanel };
+export { w as ConversationSourcesPanel };

package/models/quotation-source.d.ts

@@ -1,8 +1,12 @@
+/** A source document or attachment referenced in a conversation quotation. */
 export interface QuotationSource {
+    /** URL of the source resource. */
     url: string;
+    /** Human-readable title of the source. */
     title: string;
     /** MIME type of the source attachment (e.g. `'application/pdf'`). */
     contentType: string;
+    /** Excerpt from the source that was quoted. */
     quote?: string;
 }
 //# sourceMappingURL=quotation-source.d.ts.map

package/models/quotation-source.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"quotation-source.d.ts","sourceRoot":"","sources":["../../src/models/quotation-source.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}
+{"version":3,"file":"quotation-source.d.ts","sourceRoot":"","sources":["../../src/models/quotation-source.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,MAAM,WAAW,eAAe;IAC9B,kCAAkC;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,WAAW,EAAE,MAAM,CAAC;IACpB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

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.456",
+  "version": "1.0.0-dev.459",
   "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.456",
+    "@epam/ai-dial-chat-shared": "1.0.0-dev.459",
     "@epam/ai-dial-ui-kit": "0.12.0-dev.25",
-    "@epam/ai-dial-sidebar": "1.0.0-dev.456",
-    "@epam/ai-dial-conversation-input": "1.0.0-dev.456"
+    "@epam/ai-dial-sidebar": "1.0.0-dev.459",
+    "@epam/ai-dial-conversation-input": "1.0.0-dev.459"
   },
   "repository": {
     "type": "git",