@epam/ai-dial-conversation-stages 1.3.0-dev.142 → 1.3.0-dev.147

package/components/CollapsedGroup/CollapsedGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsedGroup.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsedGroup/CollapsedGroup.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAGxD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAMxE,gJAAgJ;AAChJ,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAuNlD,CAAC"}
+{"version":3,"file":"CollapsedGroup.d.ts","sourceRoot":"","sources":["../../../src/components/CollapsedGroup/CollapsedGroup.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAGxD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAMxE,gJAAgJ;AAChJ,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CA0NlD,CAAC"}

package/components/StageItem/StageItem.d.ts

@@ -17,6 +17,8 @@ export interface StageItemProps {
     onAttachmentClick?: (attachment: DisplayAttachment) => void;
     /** Host-owned URL resolvers applied when mapping this stage's attachments. See {@link StagesPanelProps.attachmentDisplayResolvers}. */
     attachmentDisplayResolvers?: StagesPanelProps['attachmentDisplayResolvers'];
+    /** Host-owned renderer for `<cit>` elements in this stage's content. See {@link StagesPanelProps.renderCitation}. */
+    renderCitation?: StagesPanelProps['renderCitation'];
     /** Nested list of this stage's child stages, rendered after its own markdown and attachments. Makes the row expandable on its own. */
     childList?: ReactNode;
     /** Controlled expanded state of the disclosure; uncontrolled (initially collapsed) when omitted. The body mounts only while expanded. */

package/components/StageItem/StageItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StageItem.d.ts","sourceRoot":"","sources":["../../../src/components/StageItem/StageItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAG1E,OAAO,EAAE,EAAE,EAAE,SAAS,EAAkC,MAAM,OAAO,CAAC;AAKtE,OAAO,KAAK,EACV,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EAChB,MAAM,2BAA2B,CAAC;AAOnC,mCAAmC;AACnC,MAAM,WAAW,cAAc;IAC7B,gCAAgC;IAChC,KAAK,EAAE,KAAK,CAAC;IACb,kEAAkE;IAClE,MAAM,EAAE,OAAO,CAAC;IAChB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,4BAA4B;IAC5B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,kHAAkH;IAClH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wGAAwG;IACxG,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5D,uIAAuI;IACvI,0BAA0B,CAAC,EAAE,gBAAgB,CAAC,4BAA4B,CAAC,CAAC;IAC5E,sIAAsI;IACtI,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,yIAAyI;IACzI,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAyCD,8FAA8F;AAC9F,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAyJxC,CAAC"}
+{"version":3,"file":"StageItem.d.ts","sourceRoot":"","sources":["../../../src/components/StageItem/StageItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAG1E,OAAO,EAAE,EAAE,EAAE,SAAS,EAAkC,MAAM,OAAO,CAAC;AAKtE,OAAO,KAAK,EACV,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EAChB,MAAM,2BAA2B,CAAC;AAOnC,mCAAmC;AACnC,MAAM,WAAW,cAAc;IAC7B,gCAAgC;IAChC,KAAK,EAAE,KAAK,CAAC;IACb,kEAAkE;IAClE,MAAM,EAAE,OAAO,CAAC;IAChB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,4BAA4B;IAC5B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,kHAAkH;IAClH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wGAAwG;IACxG,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5D,uIAAuI;IACvI,0BAA0B,CAAC,EAAE,gBAAgB,CAAC,4BAA4B,CAAC,CAAC;IAC5E,qHAAqH;IACrH,cAAc,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACpD,sIAAsI;IACtI,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,yIAAyI;IACzI,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAyCD,8FAA8F;AAC9F,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CA2JxC,CAAC"}

package/components/StageList/StageList.d.ts

@@ -15,6 +15,8 @@ interface StageLevelProps {
     onAttachmentClick?: StagesPanelProps['onAttachmentClick'];
     /** Host-owned URL resolvers for stage attachment tiles. See {@link StagesPanelProps.attachmentDisplayResolvers}. */
     attachmentDisplayResolvers?: StagesPanelProps['attachmentDisplayResolvers'];
+    /** Host-owned renderer for `<cit>` elements in stage content. See {@link StagesPanelProps.renderCitation}. */
+    renderCitation?: StagesPanelProps['renderCitation'];
 }
 /** Props for {@link StageList}. */
 export interface StageListProps extends StageLevelProps {

package/components/StageList/StageList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StageList.d.ts","sourceRoot":"","sources":["../../../src/components/StageList/StageList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAO3B,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,KAAK,EACV,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EAChB,MAAM,2BAA2B,CAAC;AAUnC,+DAA+D;AAC/D,UAAU,eAAe;IACvB,iFAAiF;IACjF,WAAW,EAAE,OAAO,CAAC;IACrB,4DAA4D;IAC5D,SAAS,EAAE,cAAc,CAAC;IAC1B,+DAA+D;IAC/D,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,4BAA4B;IAC5B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,gHAAgH;IAChH,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;IAC1D,oHAAoH;IACpH,0BAA0B,CAAC,EAAE,gBAAgB,CAAC,4BAA4B,CAAC,CAAC;CAC7E;AAED,mCAAmC;AACnC,MAAM,WAAW,cAAe,SAAQ,eAAe;IACrD,mDAAmD;IACnD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6KD,mGAAmG;AACnG,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAoBxC,CAAC"}
+{"version":3,"file":"StageList.d.ts","sourceRoot":"","sources":["../../../src/components/StageList/StageList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAO3B,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,KAAK,EACV,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EAChB,MAAM,2BAA2B,CAAC;AAUnC,+DAA+D;AAC/D,UAAU,eAAe;IACvB,iFAAiF;IACjF,WAAW,EAAE,OAAO,CAAC;IACrB,4DAA4D;IAC5D,SAAS,EAAE,cAAc,CAAC;IAC1B,+DAA+D;IAC/D,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,4BAA4B;IAC5B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,gHAAgH;IAChH,iBAAiB,CAAC,EAAE,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;IAC1D,oHAAoH;IACpH,0BAA0B,CAAC,EAAE,gBAAgB,CAAC,4BAA4B,CAAC,CAAC;IAC5E,8GAA8G;IAC9G,cAAc,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;CACrD;AAED,mCAAmC;AACnC,MAAM,WAAW,cAAe,SAAQ,eAAe;IACrD,mDAAmD;IACnD,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAkLD,mGAAmG;AACnG,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAoBxC,CAAC"}

package/components/StageMarkdownContent/StageMarkdownContent.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { StageTypography } from '../../models/stages-props';
+import { StageCitationRenderer, StageTypography } from '../../models/stages-props';
 /** Props for the {@link StageMarkdownContent} markdown renderer used in stage content areas. */
 interface Props {
     /** Raw markdown string to render. */
@@ -14,6 +14,8 @@ interface Props {
     tableScrollRegionAriaLabel?: string;
     /** Accessible label for a block formula's scrollable region. Defaults to `'Scrollable formula'`. */
     mathScrollRegionAriaLabel?: string;
+    /** Renders `<cit data-id="…">` elements; without it they render as literal text. */
+    renderCitation?: StageCitationRenderer;
 }
 /** Renders stage content as formatted markdown, styled via CSS custom properties. */
 export declare const StageMarkdownContent: FC<Props>;

package/components/StageMarkdownContent/StageMarkdownContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StageMarkdownContent.d.ts","sourceRoot":"","sources":["../../../src/components/StageMarkdownContent/StageMarkdownContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAwB,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAIjE,gGAAgG;AAChG,UAAU,KAAK;IACb,qCAAqC;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,qFAAqF;IACrF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0FAA0F;IAC1F,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,oGAAoG;IACpG,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC;AAED,qFAAqF;AACrF,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CAwG1C,CAAC"}
+{"version":3,"file":"StageMarkdownContent.d.ts","sourceRoot":"","sources":["../../../src/components/StageMarkdownContent/StageMarkdownContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,EAAE,EAIR,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EACV,qBAAqB,EACrB,eAAe,EAChB,MAAM,2BAA2B,CAAC;AAMnC,gGAAgG;AAChG,UAAU,KAAK;IACb,qCAAqC;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,qFAAqF;IACrF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0FAA0F;IAC1F,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,oGAAoG;IACpG,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,oFAAoF;IACpF,cAAc,CAAC,EAAE,qBAAqB,CAAC;CACxC;AAED,qFAAqF;AACrF,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CA2H1C,CAAC"}

package/components/StagesPanel/StagesPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StagesPanel.d.ts","sourceRoot":"","sources":["../../../src/components/StagesPanel/StagesPanel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAGpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAKlE,yCAAyC;AACzC,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB;IAC5D,8FAA8F;IAC9F,SAAS,EAAE,cAAc,CAAC;CAC3B;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAuDpD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAG5C,CAAC"}
+{"version":3,"file":"StagesPanel.d.ts","sourceRoot":"","sources":["../../../src/components/StagesPanel/StagesPanel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAGpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAKlE,yCAAyC;AACzC,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB;IAC5D,8FAA8F;IAC9F,SAAS,EAAE,cAAc,CAAC;CAC3B;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAyDpD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAG5C,CAAC"}

package/index.d.ts

@@ -1,6 +1,6 @@
 export { CollapsedGroup } from './components/CollapsedGroup/CollapsedGroup';
 export { StagesPanel } from './components/StagesPanel/StagesPanel';
 export type { CollapsedGroupColors, CollapsedGroupLabels, CollapsedGroupProps, CollapsedGroupStyles, CollapsedGroupTypography, } from './models/collapsed-group';
-export type { StagesPanelColors, StagesPanelLabels, StagesPanelProps, StagesPanelStyles, StageTypography, } from './models/stages-props';
+export type { StageCitationRenderer, StagesPanelColors, StagesPanelLabels, StagesPanelProps, StagesPanelStyles, StageTypography, } from './models/stages-props';
 export { CONVERSATION_STAGES_CLASS } from './constants/public-class-names';
 //# 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,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,YAAY,EACV,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,GAChB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,YAAY,EACV,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EACV,qBAAqB,EACrB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,eAAe,GAChB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC"}

package/index.js

@@ -512,38 +512,47 @@ var ve = {
 		copiedLabel: a,
 		hideDownload: !0
 	});
-}, it = me(({ content: e, typography: t, copyAriaLabel: n = "Copy", copiedLabel: r, tableScrollRegionAriaLabel: a, mathScrollRegionAriaLabel: o }) => {
-	let s = "mb-1.5 last:mb-0", l = c(t?.headingClassName ?? "dial-small-semi-text", X.stageContent, s);
+}, it = me(({ content: e, typography: t, copyAriaLabel: n = "Copy", copiedLabel: r, tableScrollRegionAriaLabel: a, mathScrollRegionAriaLabel: o, renderCitation: s }) => {
+	let l = "mb-1.5 last:mb-0", u = c(t?.headingClassName ?? "dial-small-semi-text", X.stageContent, l), d = K(() => ({
+		code: ({ children: e, className: i }) => i?.includes("language-") ? /* @__PURE__ */ J(rt, {
+			codeClassName: i,
+			blockClassName: t?.codeBlockClassName,
+			copyAriaLabel: n,
+			copiedLabel: r,
+			children: e
+		}) : /* @__PURE__ */ J("code", {
+			className: c("px-1 py-0.5", t?.codeClassName ?? "dial-tiny-text rounded-md", X.codeInline),
+			children: e
+		}),
+		...s != null && { cit: (e) => s(e["data-id"], e.children) }
+	}), [
+		t?.codeClassName,
+		t?.codeBlockClassName,
+		n,
+		r,
+		s
+	]);
 	return /* @__PURE__ */ J(i, {
 		content: e,
 		tableScrollRegionAriaLabel: a,
 		mathScrollRegionAriaLabel: o,
 		classNames: {
-			h1: l,
-			h2: l,
-			h3: l,
-			h4: l,
-			h5: l,
-			h6: l,
+			h1: u,
+			h2: u,
+			h3: u,
+			h4: u,
+			h5: u,
+			h6: u,
 			p: c(t?.contentClassName ?? "dial-tiny-text", X.stageContent, "mb-1.5"),
-			ul: c(t?.contentClassName ?? "dial-tiny-text", X.stageContent, s),
-			ol: c(t?.contentClassName ?? "dial-tiny-text", X.stageContent, s),
+			ul: c(t?.contentClassName ?? "dial-tiny-text", X.stageContent, l),
+			ol: c(t?.contentClassName ?? "dial-tiny-text", X.stageContent, l),
 			strong: c(t?.strongClassName ?? t?.contentClassName ?? "dial-tiny-text", X.stageContent),
 			codeInline: X.codeInline,
-			blockquote: c(t?.contentClassName ?? "dial-tiny-text", X.blockquote, s),
+			blockquote: c(t?.contentClassName ?? "dial-tiny-text", X.blockquote, l),
 			link: c(t?.contentClassName ?? "dial-tiny-text", X.stageContent),
 			tableCell: c(t?.contentClassName ?? "dial-tiny-text", X.tableCell)
 		},
-		components: { code: ({ children: e, className: i }) => i?.includes("language-") ? /* @__PURE__ */ J(rt, {
-			codeClassName: i,
-			blockClassName: t?.codeBlockClassName,
-			copyAriaLabel: n,
-			copiedLabel: r,
-			children: e
-		}) : /* @__PURE__ */ J("code", {
-			className: c("px-1 py-0.5", t?.codeClassName ?? "dial-tiny-text rounded-md", X.codeInline),
-			children: e
-		}) }
+		components: d
 	});
 }), at = ({ attachments: e, clickLabel: t, onAttachmentClick: n }) => {
 	let r = W((t) => {
@@ -562,66 +571,67 @@ var ve = {
 			})
 		}, e.id))
 	});
-}, ot = ({ stage: e, isLive: t, typography: n, labels: r, nameOverride: i, onAttachmentClick: a, attachmentDisplayResolvers: s, childList: l, isExpanded: u, onToggle: f }) => {
-	let [p, m] = q(!1), h = u ?? p, _ = W((e) => {
-		u === void 0 && m(e), f?.(e);
-	}, [u, f]), { copyAriaLabel: v = "Copy stage content", codeBlockCopiedLabel: y, tableScrollRegionAriaLabel: b, mathScrollRegionAriaLabel: x, runningAriaLabel: S, failedAriaLabel: C, attachmentClickLabel: w = "Preview search result" } = r ?? {}, T = K(() => nt(e.attachments, s), [e.attachments, s]), { name: E, durationLabel: D } = we(e.name), O = i ?? E, k = !i && Te(E), A = e.status === o.Failed, j = !!e.content || !!e.attachments?.length, M = j || l != null, N = /* @__PURE__ */ Y(_e, { children: [
+}, ot = ({ stage: e, isLive: t, typography: n, labels: r, nameOverride: i, onAttachmentClick: a, attachmentDisplayResolvers: s, renderCitation: l, childList: u, isExpanded: f, onToggle: p }) => {
+	let [m, h] = q(!1), _ = f ?? m, v = W((e) => {
+		f === void 0 && h(e), p?.(e);
+	}, [f, p]), { copyAriaLabel: y = "Copy stage content", codeBlockCopiedLabel: b, tableScrollRegionAriaLabel: x, mathScrollRegionAriaLabel: S, runningAriaLabel: C, failedAriaLabel: w, attachmentClickLabel: T = "Preview search result" } = r ?? {}, E = K(() => nt(e.attachments, s), [e.attachments, s]), { name: D, durationLabel: O } = we(e.name), k = i ?? D, A = !i && Te(D), j = e.status === o.Failed, M = !!e.content || !!e.attachments?.length, N = M || u != null, P = /* @__PURE__ */ Y(_e, { children: [
 		/* @__PURE__ */ J("span", {
 			className: "flex flex-none items-center",
 			children: /* @__PURE__ */ J(Pe, {
 				status: e.status,
 				isLive: t,
-				runningLabel: S,
-				failedLabel: C
+				runningLabel: C,
+				failedLabel: w
 			})
 		}),
 		/* @__PURE__ */ J("span", {
-			className: c("max-w-[22rem] min-w-0 truncate", n?.fontClassName ?? "dial-small-text", X.stageName, A && X.stageNameFailed, k && X.monoName),
-			children: /* @__PURE__ */ J(g, { text: O || e.status || "" })
+			className: c("max-w-[22rem] min-w-0 truncate", n?.fontClassName ?? "dial-small-text", X.stageName, j && X.stageNameFailed, A && X.monoName),
+			children: /* @__PURE__ */ J(g, { text: k || e.status || "" })
 		}),
 		e.tag && /* @__PURE__ */ J("span", {
 			className: c("flex-none", n?.tagClassName ?? "dial-tiny-lead-text", X.tag),
 			children: e.tag
 		}),
-		D && /* @__PURE__ */ J("span", {
+		O && /* @__PURE__ */ J("span", {
 			className: c("flex-none", n?.countFontClassName ?? "dial-tiny-text", X.duration),
-			children: D
+			children: O
 		})
 	] });
-	return M ? /* @__PURE__ */ Y(d, {
-		expanded: h,
-		onToggle: _,
+	return N ? /* @__PURE__ */ Y(d, {
+		expanded: _,
+		onToggle: v,
 		title: /* @__PURE__ */ J("span", {
 			className: "flex min-w-0 items-center gap-2",
-			children: N
+			children: P
 		}),
 		className: je,
 		headerClassName: c(Me, X.row, X.stageHeader),
 		contentClassName: c("-mt-1 flex min-w-0 flex-col gap-3 px-0 py-1", X.stageRegion),
-		children: [h && j && /* @__PURE__ */ Y("div", {
+		children: [_ && M && /* @__PURE__ */ Y("div", {
 			className: "flex min-w-0 flex-col gap-3 ps-8",
 			children: [e.content && /* @__PURE__ */ J("div", {
 				className: "max-h-[300px] min-w-0 overflow-y-auto",
 				children: /* @__PURE__ */ J(it, {
 					content: e.content,
 					typography: n,
-					copyAriaLabel: v,
-					copiedLabel: y,
-					tableScrollRegionAriaLabel: b,
-					mathScrollRegionAriaLabel: x
+					copyAriaLabel: y,
+					copiedLabel: b,
+					tableScrollRegionAriaLabel: x,
+					mathScrollRegionAriaLabel: S,
+					renderCitation: l
 				})
-			}), T.length > 0 && /* @__PURE__ */ J(at, {
-				attachments: T,
-				clickLabel: w,
+			}), E.length > 0 && /* @__PURE__ */ J(at, {
+				attachments: E,
+				clickLabel: T,
 				onAttachmentClick: a
 			})]
-		}), h && l]
+		}), _ && u]
 	}) : /* @__PURE__ */ J("div", {
 		className: c("flex w-full items-center gap-2 px-2 py-1.5", X.row),
-		children: N
+		children: P
 	});
-}, st = (e) => e <= 3 ? "ps-4" : "ps-0", ct = (e) => e <= 3 ? "ps-6" : "ps-0", lt = ({ node: e, depth: t, nameOverride: n, isStreaming: r, expansion: i, typography: a, labels: o, onAttachmentClick: s, attachmentDisplayResolvers: c }) => {
-	let l = ke(e.stage.index), u = t + 1;
+}, st = (e) => e <= 3 ? "ps-4" : "ps-0", ct = (e) => e <= 3 ? "ps-6" : "ps-0", lt = ({ node: e, depth: t, nameOverride: n, isStreaming: r, expansion: i, typography: a, labels: o, onAttachmentClick: s, attachmentDisplayResolvers: c, renderCitation: l }) => {
+	let u = ke(e.stage.index), d = t + 1;
 	return /* @__PURE__ */ J(ot, {
 		stage: e.stage,
 		nameOverride: n,
@@ -630,68 +640,71 @@ var ve = {
 		labels: o,
 		onAttachmentClick: s,
 		attachmentDisplayResolvers: c,
-		isExpanded: i.isExpanded(l),
-		onToggle: (e) => i.onToggle(l, e),
+		renderCitation: l,
+		isExpanded: i.isExpanded(u),
+		onToggle: (e) => i.onToggle(u, e),
 		childList: e.children.length > 0 ? /* @__PURE__ */ J(dt, {
 			nodes: e.children,
-			depth: u,
-			className: st(u),
+			depth: d,
+			className: st(d),
 			isStreaming: r,
 			expansion: i,
 			typography: a,
 			labels: o,
 			onAttachmentClick: s,
-			attachmentDisplayResolvers: c
+			attachmentDisplayResolvers: c,
+			renderCitation: l
 		}) : void 0
 	});
-}, ut = ({ row: e, depth: t, isStreaming: n, expansion: r, typography: i, labels: a, onAttachmentClick: s, attachmentDisplayResolvers: l }) => {
-	let { runningAriaLabel: u, failedAriaLabel: f, attemptLabel: p = (e) => `Attempt ${e}` } = a ?? {}, m = e.attempts ?? [], h = m.some((e) => e.stage.status == null), _ = m.some((e) => e.stage.status === o.Failed), v = o.Completed;
-	h ? v = null : _ && (v = o.Failed);
-	let y = Ae(e.key), b = r.isExpanded(y), x = t + 1, S = /* @__PURE__ */ Y("span", {
+}, ut = ({ row: e, depth: t, isStreaming: n, expansion: r, typography: i, labels: a, onAttachmentClick: s, attachmentDisplayResolvers: l, renderCitation: u }) => {
+	let { runningAriaLabel: f, failedAriaLabel: p, attemptLabel: m = (e) => `Attempt ${e}` } = a ?? {}, h = e.attempts ?? [], _ = h.some((e) => e.stage.status == null), v = h.some((e) => e.stage.status === o.Failed), y = o.Completed;
+	_ ? y = null : v && (y = o.Failed);
+	let b = Ae(e.key), x = r.isExpanded(b), S = t + 1, C = /* @__PURE__ */ Y("span", {
 		className: "flex min-w-0 items-center gap-2",
 		children: [
 			/* @__PURE__ */ J("span", {
 				className: "flex flex-none items-center",
 				children: /* @__PURE__ */ J(Pe, {
-					status: v,
-					isLive: n && h,
-					runningLabel: u,
-					failedLabel: f
+					status: y,
+					isLive: n && _,
+					runningLabel: f,
+					failedLabel: p
 				})
 			}),
 			/* @__PURE__ */ J("span", {
-				className: c("max-w-[22rem] min-w-0 truncate", i?.fontClassName ?? "dial-small-text", X.stageName, _ && X.stageNameFailed),
+				className: c("max-w-[22rem] min-w-0 truncate", i?.fontClassName ?? "dial-small-text", X.stageName, v && X.stageNameFailed),
 				children: /* @__PURE__ */ J(g, { text: e.name })
 			}),
 			/* @__PURE__ */ Y("span", {
 				className: c("flex-none", i?.countFontClassName ?? "dial-tiny-text", X.count),
-				children: ["×", m.length]
+				children: ["×", h.length]
 			})
 		]
 	});
 	return /* @__PURE__ */ J(d, {
-		title: S,
-		expanded: b,
-		onToggle: (e) => r.onToggle(y, e),
+		title: C,
+		expanded: x,
+		onToggle: (e) => r.onToggle(b, e),
 		className: je,
 		headerClassName: c(Me, X.collapseButton, X.row, X.stageHeader),
-		contentClassName: c("-mt-2 min-w-0 px-0", ct(x), X.stageRegion),
+		contentClassName: c("-mt-2 min-w-0 px-0", ct(S), X.stageRegion),
 		children: /* @__PURE__ */ J("ul", {
 			role: "list",
 			className: "flex min-w-0 flex-col gap-0.5",
-			children: b && m.map((e, t) => /* @__PURE__ */ J("li", {
+			children: x && h.map((e, t) => /* @__PURE__ */ J("li", {
 				role: "listitem",
 				className: "min-w-0",
 				children: /* @__PURE__ */ J(lt, {
 					node: e,
-					depth: x,
-					nameOverride: p(t + 1),
+					depth: S,
+					nameOverride: m(t + 1),
 					isStreaming: n,
 					expansion: r,
 					typography: i,
 					labels: a,
 					onAttachmentClick: s,
-					attachmentDisplayResolvers: l
+					attachmentDisplayResolvers: l,
+					renderCitation: u
 				})
 			}, e.stage.index))
 		})
@@ -712,37 +725,38 @@ var ve = {
 			...r
 		})
 	}, e.key))
-}), ft = ({ stages: e, isStreaming: t, className: n, styles: r, labels: i, onAttachmentClick: a, attachmentDisplayResolvers: o, expansion: l }) => {
-	let { colors: u, typography: d } = r ?? {}, f = s({
-		"--cs-text": u?.text,
-		"--cs-row-hover": u?.rowHoverColor,
-		"--cs-button-bg": u?.collapsedButtonBg,
-		"--cs-stage-text": u?.stageTextColor,
-		"--cs-failed-text": u?.failedColor,
-		"--cs-tag-text": u?.tagTextColor,
-		"--cs-count-text": u?.countTextColor,
-		"--cs-duration-text": u?.durationTextColor,
-		"--cs-icon-secondary": u?.iconSecondaryColor,
-		"--cs-icon-completed": u?.iconCompletedColor,
-		"--cs-icon-error": u?.iconErrorColor,
-		"--cs-code-bg": u?.codeBg,
-		"--cs-code-border": u?.codeBorderColor,
-		"--cs-code-text": u?.codeTextColor,
-		"--cs-border": u?.borderColor
-	}), p = K(() => Oe(e), [e]);
+}), ft = ({ stages: e, isStreaming: t, className: n, styles: r, labels: i, onAttachmentClick: a, attachmentDisplayResolvers: o, renderCitation: l, expansion: u }) => {
+	let { colors: d, typography: f } = r ?? {}, p = s({
+		"--cs-text": d?.text,
+		"--cs-row-hover": d?.rowHoverColor,
+		"--cs-button-bg": d?.collapsedButtonBg,
+		"--cs-stage-text": d?.stageTextColor,
+		"--cs-failed-text": d?.failedColor,
+		"--cs-tag-text": d?.tagTextColor,
+		"--cs-count-text": d?.countTextColor,
+		"--cs-duration-text": d?.durationTextColor,
+		"--cs-icon-secondary": d?.iconSecondaryColor,
+		"--cs-icon-completed": d?.iconCompletedColor,
+		"--cs-icon-error": d?.iconErrorColor,
+		"--cs-code-bg": d?.codeBg,
+		"--cs-code-border": d?.codeBorderColor,
+		"--cs-code-text": d?.codeTextColor,
+		"--cs-border": d?.borderColor
+	}), m = K(() => Oe(e), [e]);
 	return /* @__PURE__ */ J("div", {
-		style: f,
+		style: p,
 		className: c("w-full min-w-0", X.panel, n, ve.panel),
 		children: /* @__PURE__ */ J(dt, {
-			nodes: p,
+			nodes: m,
 			depth: 0,
 			className: "w-full ps-5",
 			isStreaming: t,
-			expansion: l,
-			typography: d,
+			expansion: u,
+			typography: f,
 			labels: i,
 			onAttachmentClick: a,
-			attachmentDisplayResolvers: o
+			attachmentDisplayResolvers: o,
+			renderCitation: l
 		})
 	});
 }, pt = (e) => {
@@ -758,68 +772,69 @@ var ve = {
 	doneIcon: "_doneIcon_16fae_36",
 	failedText: "_failedText_16fae_40",
 	liveName: "_liveName_16fae_44"
-}, mt = ({ stages: e, isStreaming: t, labels: n, className: r, styles: i, onAttachmentClick: a, attachmentDisplayResolvers: l }) => {
-	let { executedLabel: u = "Executed", stepsLabel: m = () => "steps", failedCountLabel: h = (e) => `${e} failed`, runningAriaLabel: _ = "Running", copyAriaLabel: v, codeBlockCopiedLabel: y, tableScrollRegionAriaLabel: b, mathScrollRegionAriaLabel: S, failedAriaLabel: C, attemptLabel: T, attachmentClickLabel: E } = n ?? {}, [D, O] = q(t), k = ye(), { reset: A } = k, j = e.length > 1;
+}, mt = ({ stages: e, isStreaming: t, labels: n, className: r, styles: i, onAttachmentClick: a, attachmentDisplayResolvers: l, renderCitation: u }) => {
+	let { executedLabel: m = "Executed", stepsLabel: h = () => "steps", failedCountLabel: _ = (e) => `${e} failed`, runningAriaLabel: v = "Running", copyAriaLabel: y, codeBlockCopiedLabel: b, tableScrollRegionAriaLabel: S, mathScrollRegionAriaLabel: C, failedAriaLabel: T, attemptLabel: E, attachmentClickLabel: D } = n ?? {}, [O, k] = q(t), A = ye(), { reset: j } = A, M = e.length > 1;
 	G(() => {
-		j && !D && A();
+		M && !O && j();
 	}, [
-		j,
-		D,
-		A
+		M,
+		O,
+		j
 	]);
-	let M = ge(t);
+	let N = ge(t);
 	G(() => {
-		M.current && !t && O(!1), M.current = t;
+		N.current && !t && k(!1), N.current = t;
 	}, [t]);
-	let { colors: N, panel: P } = i ?? {}, F = i?.typography ?? { fontClassName: "dial-small-text" }, I = s({
-		"--cs-cg-label": N?.labelColor,
-		"--cs-cg-label-hover": N?.labelHoverColor,
-		"--cs-cg-done": N?.doneColor,
-		"--cs-cg-failed": N?.failedColor,
-		"--cs-text": P?.text,
-		"--cs-row-hover": P?.rowHoverColor,
-		"--cs-button-bg": P?.collapsedButtonBg,
-		"--cs-stage-text": P?.stageTextColor,
-		"--cs-failed-text": P?.failedColor,
-		"--cs-tag-text": P?.tagTextColor,
-		"--cs-count-text": P?.countTextColor,
-		"--cs-duration-text": P?.durationTextColor,
-		"--cs-icon-secondary": P?.iconSecondaryColor,
-		"--cs-icon-completed": P?.iconCompletedColor,
-		"--cs-icon-error": P?.iconErrorColor,
-		"--cs-code-bg": P?.codeBg,
-		"--cs-code-border": P?.codeBorderColor,
-		"--cs-code-text": P?.codeTextColor,
-		"--cs-border": P?.borderColor
+	let { colors: P, panel: F } = i ?? {}, I = i?.typography ?? { fontClassName: "dial-small-text" }, L = s({
+		"--cs-cg-label": P?.labelColor,
+		"--cs-cg-label-hover": P?.labelHoverColor,
+		"--cs-cg-done": P?.doneColor,
+		"--cs-cg-failed": P?.failedColor,
+		"--cs-text": F?.text,
+		"--cs-row-hover": F?.rowHoverColor,
+		"--cs-button-bg": F?.collapsedButtonBg,
+		"--cs-stage-text": F?.stageTextColor,
+		"--cs-failed-text": F?.failedColor,
+		"--cs-tag-text": F?.tagTextColor,
+		"--cs-count-text": F?.countTextColor,
+		"--cs-duration-text": F?.durationTextColor,
+		"--cs-icon-secondary": F?.iconSecondaryColor,
+		"--cs-icon-completed": F?.iconCompletedColor,
+		"--cs-icon-error": F?.iconErrorColor,
+		"--cs-code-bg": F?.codeBg,
+		"--cs-code-border": F?.codeBorderColor,
+		"--cs-code-text": F?.codeTextColor,
+		"--cs-border": F?.borderColor
 	});
 	if (e.length === 0) return null;
-	let L = {
-		copyAriaLabel: v,
-		codeBlockCopiedLabel: y,
-		tableScrollRegionAriaLabel: b,
-		mathScrollRegionAriaLabel: S,
-		runningAriaLabel: _,
-		failedAriaLabel: C,
-		attemptLabel: T,
-		attachmentClickLabel: E
+	let R = {
+		copyAriaLabel: y,
+		codeBlockCopiedLabel: b,
+		tableScrollRegionAriaLabel: S,
+		mathScrollRegionAriaLabel: C,
+		runningAriaLabel: v,
+		failedAriaLabel: T,
+		attemptLabel: E,
+		attachmentClickLabel: D
 	};
 	if (e.length === 1) return /* @__PURE__ */ J(ft, {
 		stages: e,
 		isStreaming: t,
-		expansion: k,
+		expansion: A,
 		className: r,
 		styles: {
-			colors: P,
+			colors: F,
 			typography: i?.typography
 		},
-		labels: L,
+		labels: R,
 		onAttachmentClick: a,
-		attachmentDisplayResolvers: l
+		attachmentDisplayResolvers: l,
+		renderCitation: u
 	});
-	let R = e.some((e) => e.status === o.Failed), z;
+	let z = e.some((e) => e.status === o.Failed), B;
 	if (t) {
 		let t = we((Ee(e) ?? e[e.length - 1]).name).name;
-		z = /* @__PURE__ */ Y("span", {
+		B = /* @__PURE__ */ Y("span", {
 			role: "status",
 			"aria-live": "polite",
 			className: "flex min-w-0 items-center gap-2",
@@ -827,32 +842,32 @@ var ve = {
 				className: "flex flex-none items-center",
 				children: /* @__PURE__ */ J(x, {
 					size: 14,
-					ariaLabel: _
+					ariaLabel: v
 				})
 			}), t && /* @__PURE__ */ J("span", {
-				className: c("max-w-[22rem] min-w-0 truncate", F.fontClassName, $.liveName),
+				className: c("max-w-[22rem] min-w-0 truncate", I.fontClassName, $.liveName),
 				children: /* @__PURE__ */ J(g, { text: t })
 			})]
 		});
-	} else if (R) {
+	} else if (z) {
 		let t = e.filter((e) => e.status === o.Failed).length;
-		z = /* @__PURE__ */ Y("span", {
+		B = /* @__PURE__ */ Y("span", {
 			className: "inline-flex items-center gap-1",
 			children: [/* @__PURE__ */ Y("span", {
-				className: c(F.fontClassName, $.executedLabel),
+				className: c(I.fontClassName, $.executedLabel),
 				children: [
-					u,
+					m,
 					" ",
 					e.length,
 					" ",
-					m(e.length)
+					h(e.length)
 				]
 			}), /* @__PURE__ */ J("span", {
-				className: c(F.fontClassName, $.failedText),
-				children: h(t)
+				className: c(I.fontClassName, $.failedText),
+				children: _(t)
 			})]
 		});
-	} else z = /* @__PURE__ */ Y("span", {
+	} else B = /* @__PURE__ */ Y("span", {
 		className: "inline-flex items-center gap-1",
 		children: [/* @__PURE__ */ J(w, {
 			size: f.SM,
@@ -860,38 +875,39 @@ var ve = {
 			"aria-hidden": !0,
 			stroke: p
 		}), /* @__PURE__ */ Y("span", {
-			className: c(F.fontClassName, $.executedLabel),
+			className: c(I.fontClassName, $.executedLabel),
 			children: [
-				u,
+				m,
 				" ",
 				e.length,
 				" ",
-				m(e.length)
+				h(e.length)
 			]
 		})]
 	});
 	return /* @__PURE__ */ J("div", {
-		style: I,
+		style: L,
 		className: c("flex w-full flex-col gap-1", r, ve.group),
 		children: /* @__PURE__ */ J(d, {
-			title: z,
-			expanded: D,
-			onToggle: O,
+			title: B,
+			expanded: O,
+			onToggle: k,
 			className: "overflow-visible py-0",
 			headerClassName: c("justify-start gap-1 rounded-none px-0", $.toggleButton, ve.groupToggle),
 			contentClassName: c("-mt-2 px-0", $.groupRegion),
-			children: D && /* @__PURE__ */ J(ft, {
+			children: O && /* @__PURE__ */ J(ft, {
 				stages: e,
 				isStreaming: t,
-				expansion: k,
+				expansion: A,
 				styles: {
-					colors: P,
+					colors: F,
 					typography: i?.typography
 				},
-				labels: L,
+				labels: R,
 				className: "pt-1",
 				onAttachmentClick: a,
-				attachmentDisplayResolvers: l
+				attachmentDisplayResolvers: l,
+				renderCitation: u
 			})
 		})
 	});

package/models/collapsed-group.d.ts

@@ -1,5 +1,5 @@
 import { AttachmentDisplayResolvers, DisplayAttachment, Stage } from '@epam/ai-dial-chat-shared';
-import { StagesPanelColors } from './stages-props';
+import { StageCitationRenderer, StagesPanelColors } from './stages-props';
 /** Color overrides for the `CollapsedGroup` component applied as CSS custom properties. */
 export interface CollapsedGroupColors {
     /** Color of the toggle button label and icon. */
@@ -66,5 +66,7 @@ export interface CollapsedGroupProps {
     onAttachmentClick?: (attachment: DisplayAttachment) => void;
     /** Host-owned URL resolvers for stage attachment tiles. Forwarded unchanged to the inner `StagesPanel`. */
     attachmentDisplayResolvers?: AttachmentDisplayResolvers;
+    /** Host-owned renderer for `<cit data-id="…">` elements in stage content. Forwarded unchanged to the inner `StagesPanel`. */
+    renderCitation?: StageCitationRenderer;
 }
 //# sourceMappingURL=collapsed-group.d.ts.map

package/models/collapsed-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collapsed-group.d.ts","sourceRoot":"","sources":["../../src/models/collapsed-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,0BAA0B,EAC1B,iBAAiB,EACjB,KAAK,EACN,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,2FAA2F;AAC3F,MAAM,WAAW,oBAAoB;IACnC,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,iEAAiE;AACjE,MAAM,WAAW,wBAAwB;IACvC,6FAA6F;IAC7F,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,2FAA2F;AAC3F,MAAM,WAAW,oBAAoB;IACnC,wDAAwD;IACxD,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,8CAA8C;IAC9C,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,iBAAiB,CAAC;CAC3B;AAED,+DAA+D;AAC/D,MAAM,WAAW,oBAAoB;IACnC,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uEAAuE;IACvE,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,+FAA+F;IAC/F,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;IACnD,6FAA6F;IAC7F,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iHAAiH;IACjH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kGAAkG;IAClG,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wHAAwH;IACxH,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,kIAAkI;IAClI,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,+FAA+F;IAC/F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mHAAmH;IACnH,YAAY,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,sHAAsH;IACtH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,wDAAwD;AACxD,MAAM,WAAW,mBAAmB;IAClC,yCAAyC;IACzC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,8FAA8F;IAC9F,WAAW,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,gHAAgH;IAChH,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5D,2GAA2G;IAC3G,0BAA0B,CAAC,EAAE,0BAA0B,CAAC;CACzD"}
+{"version":3,"file":"collapsed-group.d.ts","sourceRoot":"","sources":["../../src/models/collapsed-group.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,0BAA0B,EAC1B,iBAAiB,EACjB,KAAK,EACN,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAE/E,2FAA2F;AAC3F,MAAM,WAAW,oBAAoB;IACnC,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,iEAAiE;AACjE,MAAM,WAAW,wBAAwB;IACvC,6FAA6F;IAC7F,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,2FAA2F;AAC3F,MAAM,WAAW,oBAAoB;IACnC,wDAAwD;IACxD,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,8CAA8C;IAC9C,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,iBAAiB,CAAC;CAC3B;AAED,+DAA+D;AAC/D,MAAM,WAAW,oBAAoB;IACnC,yFAAyF;IACzF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uEAAuE;IACvE,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,+FAA+F;IAC/F,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;IACnD,6FAA6F;IAC7F,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iHAAiH;IACjH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kGAAkG;IAClG,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wHAAwH;IACxH,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,kIAAkI;IAClI,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,+FAA+F;IAC/F,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mHAAmH;IACnH,YAAY,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,sHAAsH;IACtH,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,wDAAwD;AACxD,MAAM,WAAW,mBAAmB;IAClC,yCAAyC;IACzC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,8FAA8F;IAC9F,WAAW,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uEAAuE;IACvE,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,gHAAgH;IAChH,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC5D,2GAA2G;IAC3G,0BAA0B,CAAC,EAAE,0BAA0B,CAAC;IACxD,6HAA6H;IAC7H,cAAc,CAAC,EAAE,qBAAqB,CAAC;CACxC"}

package/models/stages-props.d.ts

@@ -1,4 +1,7 @@
 import { AttachmentDisplayResolvers, DisplayAttachment, Stage } from '@epam/ai-dial-chat-shared';
+import { ReactNode } from 'react';
+/** Renders a `<cit data-id="…">` element found in stage content, given its `data-id` value and children. */
+export type StageCitationRenderer = (dataId: string | undefined, children: ReactNode) => ReactNode;
 /** Typography class overrides for stage name and expanded content elements in `StagesPanel`. */
 export interface StageTypography {
     /** CSS utility class applied to the stage/step name. Defaults to `'dial-small-text'`. */
@@ -93,5 +96,7 @@ export interface StagesPanelProps {
     onAttachmentClick?: (attachment: DisplayAttachment) => void;
     /** Host-owned URL resolvers applied when mapping stage attachments; without them an image tile previews its raw `url`. */
     attachmentDisplayResolvers?: AttachmentDisplayResolvers;
+    /** Host-owned renderer for `<cit data-id="…">` elements in stage content; without it they render as literal text. */
+    renderCitation?: StageCitationRenderer;
 }
 //# sourceMappingURL=stages-props.d.ts.map

package/models/stages-props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stages-props.d.ts","sourceRoot":"","sources":["../../src/models/stages-props.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"stages-props.d.ts","sourceRoot":"","sources":["../../src/models/stages-props.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-conversation-stages",
   "description": "Panel for displaying agent processing stages during LLM response streaming",
-  "version": "1.3.0-dev.142",
+  "version": "1.3.0-dev.147",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -18,11 +18,11 @@
   },
   "dependencies": {
     "@tabler/icons-react": "^3.44.0",
-    "@epam/ai-dial-attachment-input": "1.3.0-dev.142"
+    "@epam/ai-dial-attachment-input": "1.3.0-dev.147"
   },
   "peerDependencies": {
     "react": "^19.2.8",
-    "@epam/ai-dial-chat-shared": "1.3.0-dev.142",
+    "@epam/ai-dial-chat-shared": "1.3.0-dev.147",
     "@epam/ai-dial-ui-kit": "^0.16.0-dev.22"
   },
   "repository": {