@epam/ai-dial-source-panel 0.0.0-dev.0

package/components/ConversationSourcesPanel/ConversationSourcesPanel.d.ts

@@ -0,0 +1,5 @@
+import { ConversationSourcesPanelProps } from '../../models/conversation-sources-panel-props';
+export type { ConversationSourcesPanelLabels, ConversationSourcesPanelProps, ConversationSourcesPanelStyles, } 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

@@ -0,0 +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"}

package/components/FilesSection/FilesSection.d.ts

@@ -0,0 +1,17 @@
+import { DisplayAttachment } from '@epam/ai-dial-chat-shared';
+/** Props for the FilesSection component. */
+interface FilesSectionProps {
+    /** List of attachments to display. Renders nothing when empty. */
+    attachments: DisplayAttachment[];
+    /** Heading text rendered above the attachment grid. */
+    title: string;
+    /** CSS class applied to the section heading. Defaults to `'dial-body-semi-text'`. */
+    titleClassName?: string;
+    /** Called when the user clicks an attachment card. */
+    onAttachmentClick?: (attachment: DisplayAttachment) => void;
+    /** Accessible label for the attachment click action, forwarded to `AttachmentCard`. */
+    attachmentClickLabel?: string;
+}
+declare const _default: import('react').NamedExoticComponent<FilesSectionProps>;
+export default _default;
+//# sourceMappingURL=FilesSection.d.ts.map

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

@@ -0,0 +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"}

package/components/SourcesSection/SourcesSection.d.ts

@@ -0,0 +1,20 @@
+import { QuotationSource } from '../../models/quotation-source';
+interface SourcesSectionProps {
+    /** Heading text for the sources section. */
+    title: string;
+    /** List of sources to display. */
+    sources: QuotationSource[];
+    /** Accessible label for each source's copy-URL button. */
+    copyLabel: 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'`. */
+    linkClassName?: string;
+    /** CSS class applied to the quote text. Defaults to `'dial-tiny-text text-secondary'`. */
+    quoteClassName?: string;
+    /** When provided, called on source link click instead of following the href. */
+    onSourceClick?: (source: QuotationSource) => void;
+}
+declare const _default: import('react').NamedExoticComponent<SourcesSectionProps>;
+export default _default;
+//# sourceMappingURL=SourcesSection.d.ts.map

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

@@ -0,0 +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"}

package/index.d.ts

@@ -0,0 +1,4 @@
+export { default as ConversationSourcesPanel } from './components/ConversationSourcesPanel/ConversationSourcesPanel';
+export type { ConversationSourcesPanelLabels, ConversationSourcesPanelProps, ConversationSourcesPanelStyles, } from './components/ConversationSourcesPanel/ConversationSourcesPanel';
+export type { QuotationSource } from './models/quotation-source';
+//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -0,0 +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,6BAA6B,EAC7B,8BAA8B,GAC/B,MAAM,gEAAgE,CAAC;AACxE,YAAY,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC"}

package/index.js

@@ -0,0 +1,125 @@
+import { PanelEmpty as e, PanelNoResults as t, SearchInput as n, SidebarOrientation as r, SidebarPanel as i } from "@epam/ai-dial-sidebar";
+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", {
+	className: "mb-6",
+	children: [/* @__PURE__ */ v("h2", {
+		className: h(n, "mb-3"),
+		children: t
+	}), /* @__PURE__ */ v("div", {
+		role: "list",
+		className: "grid grid-cols-[repeat(auto-fill,minmax(100px,1fr))] gap-3",
+		children: e.map((e) => /* @__PURE__ */ v("div", {
+			role: "listitem",
+			className: e.type === m.Audio ? "col-span-full" : void 0,
+			children: /* @__PURE__ */ v(g, {
+				attachment: e,
+				className: "w-full",
+				onClick: r ? () => r(e) : void 0,
+				clickLabel: i
+			})
+		}, 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", {
+	className: "mb-6",
+	children: [/* @__PURE__ */ v("h2", {
+		className: h(r, "mb-3"),
+		children: e
+	}), /* @__PURE__ */ v("ul", {
+		className: "flex flex-col gap-3",
+		children: t.map((e) => /* @__PURE__ */ y("li", {
+			className: "flex flex-col gap-1",
+			children: [/* @__PURE__ */ y("div", {
+				className: "flex min-w-0 items-center justify-between gap-2",
+				children: [/* @__PURE__ */ v("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);
+					} : void 0,
+					children: e.title
+				}), /* @__PURE__ */ v(o, {
+					size: s.Small,
+					icon: /* @__PURE__ */ v(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"),
+				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 }) => {
+	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, {
+		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,
+		onClose: c,
+		resizable: !w,
+		defaultWidth: T,
+		minWidth: E,
+		maxWidth: D,
+		onResizeStop: O,
+		rightActions: !I && /* @__PURE__ */ v(o, {
+			icon: /* @__PURE__ */ v(l, {
+				size: a.LG,
+				stroke: 1.5
+			}),
+			"aria-label": k.downloadAllLabel,
+			disabled: !0
+		}),
+		children: [!I && /* @__PURE__ */ v(n, {
+			placeholder: k.searchPlaceholder,
+			value: j,
+			onChange: M,
+			clearLabel: k.searchClearLabel
+		}), /* @__PURE__ */ v("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, {
+					attachments: N,
+					title: k.uploadedSectionTitle,
+					titleClassName: A?.sectionTitleClassName,
+					onAttachmentClick: g,
+					attachmentClickLabel: k.attachmentClickLabel
+				}),
+				/* @__PURE__ */ v(b, {
+					attachments: P,
+					title: k.generatedSectionTitle,
+					titleClassName: A?.sectionTitleClassName,
+					onAttachmentClick: g,
+					attachmentClickLabel: k.attachmentClickLabel
+				}),
+				/* @__PURE__ */ v(x, {
+					sources: F,
+					title: k.sourcesSectionTitle,
+					titleClassName: A?.sectionTitleClassName,
+					linkClassName: A?.sourceLinkClassName,
+					quoteClassName: A?.sourceQuoteClassName,
+					copyLabel: k.copySourceLabel,
+					onSourceClick: C
+				})
+			] })
+		})]
+	});
+});
+//#endregion
+export { C as ConversationSourcesPanel };

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

@@ -0,0 +1,70 @@
+import { DisplayAttachment } from '@epam/ai-dial-chat-shared';
+import { QuotationSource } from './quotation-source';
+/** User-visible strings passed by the consuming app (via i18n or plain strings). */
+export interface ConversationSourcesPanelLabels {
+    /** Accessible name for the sidebar panel element. */
+    ariaLabel: string;
+    /** Label for the close button. */
+    closeLabel: string;
+    /** Placeholder text shown inside the search input. */
+    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 when a search query matches nothing. */
+    noResultsLabel: string;
+    /** Accessible label for the download-all icon button. */
+    downloadAllLabel: string;
+    /** Heading text for the uploaded-files section. */
+    uploadedSectionTitle: string;
+    /** Heading text for the generated-files section. */
+    generatedSectionTitle: string;
+    /** Heading text for the sources section. */
+    sourcesSectionTitle: string;
+    /** Accessible label for each source's copy-URL button. */
+    copySourceLabel: string;
+    /** Label passed to each attachment card's action button. */
+    attachmentClickLabel: string;
+}
+/** Optional typography and color class overrides for inner elements. */
+export interface ConversationSourcesPanelStyles {
+    /** CSS class applied to each section heading (`<h2>`). Defaults to `'dial-body-semi-text'`. */
+    sectionTitleClassName?: string;
+    /** CSS class applied to each source link. Defaults to `'dial-small-text !text-accent-primary'`. */
+    sourceLinkClassName?: string;
+    /** CSS class applied to each source quote paragraph. Defaults to `'dial-tiny-text text-secondary'`. */
+    sourceQuoteClassName?: string;
+}
+/** Props for the ConversationSourcesPanel component. */
+export interface ConversationSourcesPanelProps {
+    /** Whether the panel is currently visible. */
+    isOpen: boolean;
+    /** Called when the user requests to close the panel. */
+    onClose: () => void;
+    /** Attachments uploaded by the user in this conversation. */
+    uploaded: DisplayAttachment[];
+    /** Attachments generated by the assistant in this conversation. */
+    generated: DisplayAttachment[];
+    /** Quotation sources cited by the assistant. */
+    sources: QuotationSource[];
+    /** Called when the user activates an attachment card. */
+    onAttachmentClick?: (attachment: DisplayAttachment) => void;
+    /** Called when the user clicks a source link. When omitted, the link navigates normally. */
+    onSourceClick?: (source: QuotationSource) => void;
+    /** Whether the viewport is in mobile breakpoint (disables resizing). */
+    isMobile: boolean;
+    /** Initial panel width in pixels. */
+    defaultWidth?: number;
+    /** Minimum panel width in pixels. */
+    minWidth?: number;
+    /** Maximum panel width in pixels. */
+    maxWidth?: number;
+    /** Called with the new width after the user finishes a resize drag. */
+    onResizeStop?: (width: number) => void;
+    /** User-visible strings (titles, placeholders, aria labels). */
+    labels: ConversationSourcesPanelLabels;
+    /** Optional typography and color class overrides for inner elements. */
+    styles?: ConversationSourcesPanelStyles;
+}
+//# sourceMappingURL=conversation-sources-panel-props.d.ts.map

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

@@ -0,0 +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,wEAAwE;AACxE,MAAM,WAAW,8BAA8B;IAC7C,+FAA+F;IAC/F,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mGAAmG;IACnG,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uGAAuG;IACvG,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;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,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"}

package/models/quotation-source.d.ts

@@ -0,0 +1,8 @@
+export interface QuotationSource {
+    url: string;
+    title: string;
+    /** MIME type of the source attachment (e.g. `'application/pdf'`). */
+    contentType: string;
+    quote?: string;
+}
+//# sourceMappingURL=quotation-source.d.ts.map

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

@@ -0,0 +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"}

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@epam/ai-dial-source-panel",
+  "version": "0.0.0-dev.0",
+  "license": "Apache-2.0",
+  "type": "module",
+  "main": "./index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    "./styles.css": "./style.css",
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js",
+      "default": "./index.js"
+    }
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "@tabler/icons-react": "^3.0.0",
+    "@epam/ai-dial-chat-shared": "0.0.0-dev.0",
+    "@epam/ai-dial-ui-kit": "0.12.0-dev.21",
+    "@epam/ai-dial-sidebar": "0.0.0-dev.0",
+    "@epam/ai-dial-conversation-input": "0.0.0-dev.0"
+  }
+}

package/test-setup.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=test-setup.d.ts.map

package/test-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-setup.d.ts","sourceRoot":"","sources":["../src/test-setup.ts"],"names":[],"mappings":""}