@epam/ai-dial-quotations 1.2.0-dev.2 → 1.2.0-dev.6

package/components/CitationDropdown/CitationDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CitationDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/CitationDropdown/CitationDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAG5D,OAAO,EAAE,EAAE,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,sBAAsB,EAC5B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,kCAAkC,CAAC;AAG1C,kDAAkD;AAClD,MAAM,WAAW,qBAAqB;IACpC,kEAAkE;IAClE,KAAK,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAC7C,uEAAuE;IACvE,eAAe,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAClD,wDAAwD;IACxD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uFAAuF;IACvF,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,+CAA+C;IAC/C,UAAU,EAAE,kBAAkB,CAAC;IAC/B,yDAAyD;IACzD,YAAY,EAAE,oBAAoB,CAAC;IACnC,2DAA2D;IAC3D,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC,gGAAgG;IAChG,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,8HAA8H;AAC9H,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAuEtD,CAAC"}
+{"version":3,"file":"CitationDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/CitationDropdown/CitationDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAG5D,OAAO,EAAE,EAAE,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAEL,KAAK,kBAAkB,EACvB,KAAK,sBAAsB,EAC5B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,kCAAkC,CAAC;AAG1C,kDAAkD;AAClD,MAAM,WAAW,qBAAqB;IACpC,kEAAkE;IAClE,KAAK,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAC7C,uEAAuE;IACvE,eAAe,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IAClD,wDAAwD;IACxD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uFAAuF;IACvF,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,+CAA+C;IAC/C,UAAU,EAAE,kBAAkB,CAAC;IAC/B,yDAAyD;IACzD,YAAY,EAAE,oBAAoB,CAAC;IACnC,2DAA2D;IAC3D,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC,gGAAgG;IAChG,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,8HAA8H;AAC9H,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAyEtD,CAAC"}

package/context/CitationCardContext.d.ts

@@ -3,10 +3,10 @@ import { useCitationCard } from '../utils/useCitationCard';
 export type CitationCardHook = ReturnType<typeof useCitationCard>;
 /** Provider that supplies `CitationCardHook` state to a citation subtree. */
 export declare const CitationCardProvider: import('react').Provider<{
-    openPopup: (groupKey: string) => void;
-    closePopup: () => void;
+    openPopup: (ownerKey: string) => void;
+    closePopup: (ownerKey: string) => void;
     setActiveIndex: (groupKey: string, index: number) => void;
-    isOpen: (groupKey: string) => boolean;
+    isOpen: (ownerKey: string) => boolean;
     getActiveIndex: (groupKey: string) => number;
 } | null>;
 /** Returns the nearest `CitationCardHook` from context. Throws when used outside a `CitationCardProvider`. */

package/index.js

@@ -2,15 +2,15 @@ import { MIMEType as e, MarkdownRenderer as t, buildCssVars as n, isAnnotationSe
 import { DIAL_KIT_ICON_STROKE as s, ElementSize as c, EllipsisTooltip as l, GhostIconButton as u, NeutralButton as d, PrimaryButton as f, Tooltip as p } from "@epam/ai-dial-ui-kit";
 import { IconChevronLeft as m, IconChevronRight as h } from "@tabler/icons-react";
 import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-import { createContext as y, useCallback as b, useContext as x, useMemo as S, useState as C } from "react";
-var w = {
+import { createContext as y, useCallback as b, useContext as x, useId as S, useMemo as C, useState as w } from "react";
+var T = {
 	card: "_card_1kph1_1",
 	quote: "_quote_1kph1_5",
 	title: "_title_1kph1_9",
 	switcher: "_switcher_1kph1_13",
 	sourceName: "_sourceName_1kph1_17"
-}, T = ({ group: r, activeIndex: a, onIndexChange: o, onPreview: d, onOpenInBrowser: p, headerIcon: g, labels: y, typography: b, colors: x }) => {
-	let S = r.annotations.length, C = r.annotations[a] ?? r.primaryAnnotation, T = S > 1, E = r.primaryAnnotation.body?.source?.attachment?.type, D = d == null || E === e.HTML || E === e.XHTML, O = b?.sourceNameClassName ?? "dial-tiny-text", k = b?.titleClassName ?? "dial-body-semi-text", A = b?.quoteClassName ?? "dial-small-text", j = b?.quoteStrongClassName ?? "dial-small-semi-text", M = b?.switcherClassName ?? "dial-tiny-text", N = n({
+}, E = ({ group: r, activeIndex: a, onIndexChange: o, onPreview: d, onOpenInBrowser: p, headerIcon: g, labels: y, typography: b, colors: x }) => {
+	let S = r.annotations.length, C = r.annotations[a] ?? r.primaryAnnotation, w = S > 1, E = r.primaryAnnotation.body?.source?.attachment?.type, D = d == null || E === e.HTML || E === e.XHTML, O = b?.sourceNameClassName ?? "dial-tiny-text", k = b?.titleClassName ?? "dial-body-semi-text", A = b?.quoteClassName ?? "dial-small-text", j = b?.quoteStrongClassName ?? "dial-small-semi-text", M = b?.switcherClassName ?? "dial-tiny-text", N = n({
 		"--cc-card-bg": x?.cardBackground,
 		"--cc-quote-text": x?.quoteText,
 		"--cc-title-text": x?.titleText,
@@ -22,7 +22,7 @@ var w = {
 		"aria-modal": "true",
 		"aria-label": y.ariaLabel,
 		style: N,
-		className: i("flex w-[400px] flex-col gap-3 rounded-lg p-4 shadow-lg", w.card),
+		className: i("flex w-[400px] flex-col gap-3 rounded-lg p-4 shadow-lg", T.card),
 		children: [
 			/* @__PURE__ */ v("div", {
 				className: "flex items-center justify-between gap-2",
@@ -30,9 +30,9 @@ var w = {
 					className: "flex min-w-0 items-center gap-1",
 					children: [g, /* @__PURE__ */ _(l, {
 						text: r.sourceName,
-						className: i(O, "min-w-0", w.sourceName)
+						className: i(O, "min-w-0", T.sourceName)
 					})]
-				}), T && /* @__PURE__ */ v("div", {
+				}), w && /* @__PURE__ */ v("div", {
 					className: "flex shrink-0 items-center gap-1",
 					children: [
 						/* @__PURE__ */ _(u, {
@@ -46,7 +46,7 @@ var w = {
 							onClick: () => o((a - 1 + S) % S)
 						}),
 						/* @__PURE__ */ _("span", {
-							className: i(M, w.switcher),
+							className: i(M, T.switcher),
 							children: y.formatSwitcherText(a + 1, S)
 						}),
 						/* @__PURE__ */ _(u, {
@@ -62,17 +62,17 @@ var w = {
 					]
 				})]
 			}),
-			(C.body?.title || C.body?.quote || T) && /* @__PURE__ */ v("div", {
+			(C.body?.title || C.body?.quote || w) && /* @__PURE__ */ v("div", {
 				className: "flex flex-col gap-3",
 				children: [C.body?.title && /* @__PURE__ */ _("p", {
-					className: i(k, w.title, "break-words"),
+					className: i(k, T.title, "break-words"),
 					children: C.body.title
-				}), (C.body?.quote || T) && /* @__PURE__ */ _("div", {
-					className: i(A, w.quote, "line-clamp-6 break-words", T && "min-h-[3lh]"),
+				}), (C.body?.quote || w) && /* @__PURE__ */ _("div", {
+					className: i(A, T.quote, "line-clamp-6 break-words", w && "min-h-[3lh]"),
 					children: C.body?.quote && /* @__PURE__ */ _(t, {
 						content: C.body.quote,
 						classNames: {
-							p: i(A, w.quote),
+							p: i(A, T.quote),
 							ul: i(A, "ps-3"),
 							ol: i(A, "ps-3"),
 							strong: j
@@ -94,7 +94,7 @@ var w = {
 			})
 		]
 	});
-}, E = ({ annotationCount: e, onOpen: t, icon: n, labels: r, labelClassName: i = "dial-caption-text" }) => {
+}, D = ({ annotationCount: e, onOpen: t, icon: n, labels: r, labelClassName: i = "dial-caption-text" }) => {
 	let a = /* @__PURE__ */ v("span", {
 		className: "flex items-center gap-1",
 		children: [n, /* @__PURE__ */ _("span", {
@@ -108,47 +108,51 @@ var w = {
 		"aria-label": r.ariaLabel,
 		onClick: t
 	});
-}, D = y(null), O = D.Provider, k = () => {
-	let e = x(D);
+}, O = y(null), k = O.Provider, A = () => {
+	let e = x(O);
 	if (e == null) throw Error("useCitationCardContext must be used within a CitationCardProvider");
 	return e;
-}, A = { content: "_content_xzs0h_1" }, j = ({ group: e, onPreview: t, onOpenInBrowser: n, icon: r, headerIcon: a, cardLabels: o, markerLabels: s, cardTypography: c, markerLabelClassName: l }) => {
-	let u = k(), d = u.isOpen(e.groupKey), f = u.getActiveIndex(e.groupKey), m = b((e) => {
-		e || u.closePopup();
-	}, [u]), h = S(() => t ? (e) => {
-		t(e), u.closePopup();
-	} : void 0, [t, u]);
+}, j = { content: "_content_xzs0h_1" }, M = ({ group: e, onPreview: t, onOpenInBrowser: n, icon: r, headerIcon: a, cardLabels: o, markerLabels: s, cardTypography: c, markerLabelClassName: l }) => {
+	let u = A(), d = S(), f = u.isOpen(d), m = u.getActiveIndex(e.groupKey), h = b((e) => {
+		e || u.closePopup(d);
+	}, [u, d]), g = C(() => t ? (e) => {
+		t(e), u.closePopup(d);
+	} : void 0, [
+		t,
+		u,
+		d
+	]);
 	return /* @__PURE__ */ _(p, {
-		open: d,
-		onOpenChange: m,
+		open: f,
+		onOpenChange: h,
 		triggerClassName: "ms-1 inline-flex align-middle",
-		contentClassName: i("!p-0 !bg-transparent !border-0 !shadow-none !max-w-none !rounded-none", A.content),
-		tooltip: /* @__PURE__ */ _(T, {
+		contentClassName: i("!p-0 !bg-transparent !border-0 !shadow-none !max-w-none !rounded-none", j.content),
+		tooltip: /* @__PURE__ */ _(E, {
 			group: e,
-			activeIndex: f,
+			activeIndex: m,
 			onIndexChange: (t) => u.setActiveIndex(e.groupKey, t),
-			onPreview: h,
+			onPreview: g,
 			onOpenInBrowser: n,
 			headerIcon: a,
 			labels: o,
 			typography: c
 		}),
-		children: /* @__PURE__ */ _(E, {
+		children: /* @__PURE__ */ _(D, {
 			sourceName: e.sourceName,
 			annotationCount: e.annotations.length,
-			onOpen: () => u.openPopup(e.groupKey),
+			onOpen: () => u.openPopup(d),
 			icon: r,
 			labels: s,
 			labelClassName: l
 		})
 	});
-}, M = {
+}, N = {
 	backgroundColor: "transparent",
 	borderColor: "var(--stroke-accent, #1D4ED8)",
 	borderWidth: "2px",
 	opacity: .5,
 	hoverOpacity: .5
-}, N = (e) => {
+}, ee = (e) => {
 	if (typeof e != "object" || !e) return;
 	let t = e, { lt: n, wh: r } = t;
 	if (Array.isArray(n) && Array.isArray(r) && n.length >= 2 && r.length >= 2) {
@@ -178,7 +182,7 @@ var w = {
 			x2: i,
 			y2: a
 		});
-	} else t.type === "pdf_region" && (n = N(t.bbox));
+	} else t.type === "pdf_region" && (n = ee(t.bbox));
 	if (n == null) return;
 	let i = t.page;
 	if (!(typeof i != "number" || !Number.isInteger(i) || i < 1) && [
@@ -193,7 +197,7 @@ var w = {
 		x2: n.x2,
 		y2: n.y2
 	};
-}, ee = (e) => e.flatMap((e, t) => {
+}, F = (e) => e.flatMap((e, t) => {
 	let n = e.body?.selector;
 	if (n == null) return [];
 	let i = (Array.isArray(n) ? n : [n]).flatMap((e) => {
@@ -204,7 +208,7 @@ var w = {
 	return i.length === 0 ? [] : [{
 		id: String(e.index ?? t),
 		bboxes: i,
-		style: M
+		style: N
 	}];
 }), te = (e, t) => String(e.index ?? t), ne = (e) => {
 	let t = e.body?.selector;
@@ -215,25 +219,25 @@ var w = {
 		let t = P(e);
 		if (t != null) return t.page;
 	}
-}, F = (e) => {
+}, I = (e) => {
 	let t = e.custom_content?.annotations;
 	if (t?.length) return t.filter((e) => e != null && e.body?.source?.attachment?.url != null).map(a);
 	let n = e.custom_fields;
 	if (typeof n != "object" || !n) return [];
 	let r = n.annotations;
 	return !Array.isArray(r) || r.length === 0 ? [] : o(r, e.custom_content?.attachments ?? []).map(a);
-}, I = (e) => {
+}, L = (e) => {
 	if (e.type !== "docx_text_range") return !1;
 	let t = e;
 	return typeof t.story == "string" && Array.isArray(t.path) && t.path.every((e) => typeof e == "number") && typeof t.start == "number" && typeof t.end == "number" && typeof t.text == "string";
-}, L = (e) => {
+}, R = (e) => {
 	if (e.type !== "pptx_text_range") return !1;
 	let t = e;
 	return typeof t.slide == "number" && typeof t.shape_id == "string" && typeof t.start == "number" && typeof t.end == "number" && typeof t.text == "string";
-}, R = (e) => typeof e == "object" && !!e && typeof e.row == "number" && typeof e.col == "number", z = (e) => {
+}, z = (e) => typeof e == "object" && !!e && typeof e.row == "number" && typeof e.col == "number", B = (e) => {
 	if (e.type !== "excel_rc_range") return !1;
 	let t = e;
-	return typeof t.sheet == "string" && R(t.start) && (t.end === void 0 || t.end === null || R(t.end));
+	return typeof t.sheet == "string" && z(t.start) && (t.end === void 0 || t.end === null || z(t.end));
 }, re = (e) => {
 	let { story: t, path: n, start: r, end: i, text: a } = e;
 	if (!(!n.every((e) => Number.isInteger(e)) || !Number.isInteger(r) || !Number.isInteger(i) || r < 0 || i < r)) return {
@@ -273,34 +277,34 @@ var w = {
 	let t = e.body?.selector;
 	return t == null ? [] : (Array.isArray(t) ? t : [t]).flatMap((e) => {
 		if (!r(e)) return [];
-		if (I(e)) {
+		if (L(e)) {
 			let t = re(e);
 			return t ? [t] : [];
 		}
-		if (L(e)) {
+		if (R(e)) {
 			let t = ie(e);
 			return t ? [t] : [];
 		}
-		if (z(e)) {
+		if (B(e)) {
 			let t = ae(e);
 			return t ? [t] : [];
 		}
 		return [];
 	});
-}, se = (e, t) => S(() => t ? [] : F(e), [t, e]), ce = {
-	openGroupKey: null,
+}, se = (e, t) => C(() => t ? [] : I(e), [t, e]), ce = {
+	openOwnerKey: null,
 	activeIndexByGroup: {}
 }, le = () => {
-	let [e, t] = C(ce), n = b((e) => {
+	let [e, t] = w(ce), n = b((e) => {
 		t((t) => ({
 			...t,
-			openGroupKey: e
-		}));
-	}, []), r = b(() => {
-		t((e) => ({
-			...e,
-			openGroupKey: null
+			openOwnerKey: e
 		}));
+	}, []), r = b((e) => {
+		t((t) => t.openOwnerKey === e ? {
+			...t,
+			openOwnerKey: null
+		} : t);
 	}, []), i = b((e, n) => {
 		t((t) => ({
 			...t,
@@ -310,11 +314,11 @@ var w = {
 			}
 		}));
 	}, []);
-	return S(() => ({
+	return C(() => ({
 		openPopup: n,
 		closePopup: r,
 		setActiveIndex: i,
-		isOpen: (t) => e.openGroupKey === t,
+		isOpen: (t) => e.openOwnerKey === t,
 		getActiveIndex: (t) => e.activeIndexByGroup[t] ?? 0
 	}), [
 		n,
@@ -322,7 +326,7 @@ var w = {
 		i,
 		e
 	]);
-}, ue = /⟦C(\d+)⟧/g, B = (e, t) => {
+}, V = /⟦C(\d+)⟧/g, H = (e, t) => {
 	let n = t.map((e, t) => ({
 		g: e,
 		idx: t
@@ -335,9 +339,9 @@ var w = {
 	}).sort((e, t) => t.pos - e.pos), r = e;
 	for (let { idx: e, pos: t } of n) r = `${r.slice(0, t)}⟦C${e}⟧${r.slice(t)}`;
 	return r;
-}, V = /<cit\s+data-id=(?:"[^"]+"|'[^']+')\s*>\s*<\/cit>/g, H = /^<cit\s+data-id=(?:"[^"]+"|'[^']+')\s*>\s*<\/cit>$/, de = /<cit\s+data-id=(?:"[^"]+"|'[^']+')\s*>\s*<\/cit>|<\/?cit\b[^>]*>|<\/?cit\b[^>]*$/gi, fe = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), U = (e) => e.replace(de, (e) => H.test(e) ? e : fe(e)), W = (e) => U(e).replace(V, ""), G = (e, t) => {
+}, U = /<cit\s+data-id=(?:"[^"]+"|'[^']+')\s*>\s*<\/cit>/g, ue = /^<cit\s+data-id=(?:"[^"]+"|'[^']+')\s*>\s*<\/cit>$/, de = /<cit\s+data-id=(?:"[^"]+"|'[^']+')\s*>\s*<\/cit>|<\/?cit\b[^>]*>|<\/?cit\b[^>]*$/gi, fe = (e) => e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), W = (e) => e.replace(de, (e) => ue.test(e) ? e : fe(e)), G = (e) => W(e).replace(U, ""), K = (e, t) => {
 	if (typeof e == "string") {
-		let n = e.split(ue);
+		let n = e.split(V);
 		if (n.length === 1) return e;
 		let r = [];
 		return n.forEach((e, n) => {
@@ -345,7 +349,7 @@ var w = {
 		}), r;
 	}
 	return Array.isArray(e) ? e.flatMap((e) => {
-		let n = G(e, t);
+		let n = K(e, t);
 		return Array.isArray(n) ? n : [n];
 	}) : e;
 }, pe = (e) => {
@@ -356,14 +360,14 @@ var w = {
 	t,
 	"</cit>"
 ] }), he = (e, t, n, r = !1, a = !1) => {
-	let { onPreview: o, onOpenInBrowser: s, buildLabels: c } = n, l = S(() => r ? W(e) : U(t.length > 0 ? B(e, t) : e), [
+	let { onPreview: o, onOpenInBrowser: s, buildLabels: c } = n, l = C(() => r ? G(e) : W(t.length > 0 ? H(e, t) : e), [
 		e,
 		t,
 		r
 	]), u = l.includes("<cit");
 	return {
 		processedContent: l,
-		markdownComponents: S(() => {
+		markdownComponents: C(() => {
 			let e = /* @__PURE__ */ new Map();
 			for (let n of t) {
 				let t = pe(n);
@@ -371,7 +375,7 @@ var w = {
 			}
 			let n = (e) => {
 				let { cardLabels: t, markerLabels: n } = c(e);
-				return /* @__PURE__ */ _(j, {
+				return /* @__PURE__ */ _(M, {
 					group: e,
 					onPreview: (t) => o(t, e),
 					onOpenInBrowser: s,
@@ -390,12 +394,12 @@ var w = {
 				p: ({ children: e, ...t }) => /* @__PURE__ */ _("p", {
 					...t,
 					className: i(a ? "dial-small-paragraph-text" : "dial-body-paragraph-text", "mb-3 [overflow-wrap:anywhere] [text-wrap:pretty] last:mb-0"),
-					children: G(e, r)
+					children: K(e, r)
 				}),
 				li: ({ children: e, ...t }) => /* @__PURE__ */ _("li", {
 					...t,
 					className: "mb-1.5 last:mb-0",
-					children: G(e, r)
+					children: K(e, r)
 				})
 			};
 		}, [
@@ -407,7 +411,7 @@ var w = {
 			u
 		])
 	};
-}, K = (e) => {
+}, q = (e) => {
 	try {
 		return decodeURIComponent(e);
 	} catch {
@@ -416,14 +420,14 @@ var w = {
 }, ge = (e) => {
 	try {
 		let t = new URL(e);
-		return t.pathname.split("/").map((e) => K(e)).filter(Boolean).at(-1) ?? t.hostname;
+		return t.pathname.split("/").map((e) => q(e)).filter(Boolean).at(-1) ?? t.hostname;
 	} catch {
-		return e.split("/").map((e) => K(e)).filter(Boolean).at(-1) ?? e;
+		return e.split("/").map((e) => q(e)).filter(Boolean).at(-1) ?? e;
 	}
-}, q = (e, t) => e.body?.source?.attachment?.title ?? ge(t), J = (e) => {
+}, J = (e, t) => e.body?.source?.attachment?.title ?? ge(t), Y = (e) => {
 	let t = e.target?.selector;
 	return t?.type === "html_tag" ? t : void 0;
-}, _e = (e) => J(e) != null, Y = (e) => {
+}, _e = (e) => Y(e) != null, X = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) {
 		if (_e(n)) continue;
@@ -433,16 +437,16 @@ var w = {
 		r ? r.annotations.push(n) : t.set(e, {
 			groupKey: e,
 			sourceUrl: e,
-			sourceName: q(n, e),
+			sourceName: J(n, e),
 			annotations: [n],
 			primaryAnnotation: n
 		});
 	}
 	return Array.from(t.values());
-}, X = (e) => {
+}, Z = (e) => {
 	let t = /* @__PURE__ */ new Map();
 	for (let n of e) {
-		let e = J(n)?.id;
+		let e = Y(n)?.id;
 		if (e == null) continue;
 		let r = n.body?.source?.attachment?.url;
 		if (r == null) continue;
@@ -450,22 +454,22 @@ var w = {
 		i ? i.annotations.push(n) : t.set(e, {
 			groupKey: `cit:${e}`,
 			sourceUrl: r,
-			sourceName: q(n, r),
+			sourceName: J(n, r),
 			annotations: [n],
 			primaryAnnotation: n
 		});
 	}
 	return Array.from(t.values());
-}, ve = (e) => [...X(e), ...Y(e)], Z = (e, t) => {
+}, ve = (e) => [...Z(e), ...X(e)], ye = (e, t) => {
 	let n = e.body?.source?.attachment?.url;
 	return n == null || !t.includes(e) ? [e] : t.filter((e) => e.body?.source?.attachment?.url === n);
-}, Q = (e) => e.url == null && e.reference_url != null, ye = /^(.*\.pdf)(?:#page=(\d+))?$/i, $ = (e) => {
-	let t = ye.exec(e);
+}, Q = (e) => e.url == null && e.reference_url != null, be = /^(.*\.pdf)(?:#page=(\d+))?$/i, $ = (e) => {
+	let t = be.exec(e);
 	return t ? {
 		baseUrl: t[1],
 		page: t[2] == null ? null : Number(t[2])
 	} : null;
-}, be = (t) => Y((t ?? []).filter(Q).map((t) => {
+}, xe = (t) => X((t ?? []).filter(Q).map((t) => {
 	let n = t.reference_url, r = $(n) != null;
 	return { body: {
 		quote: t.data,
@@ -480,4 +484,4 @@ var w = {
 	} };
 }));
 //#endregion
-export { T as CitationCard, O as CitationCardProvider, j as CitationDropdown, E as CitationMarker, te as annotationHighlightId, oe as annotationToOfficeHighlightLocations, ee as annotationsToPdfHighlights, Z as gatherSameSourceAnnotations, ne as getAnnotationPdfPage, be as getReferenceAttachmentGroups, ve as groupAnnotations, X as groupAnnotationsByCitId, Y as groupAnnotationsBySource, B as injectCitationSentinels, I as isDocxRangeSelector, z as isExcelRcRangeSelector, L as isPptxRangeSelector, Q as isReferenceOnlyAttachment, $ as parsePdfPageReference, G as replaceSentinelsInChildren, F as resolveMessageAnnotations, W as stripCitTagsWhileStreaming, se as useAnnotations, le as useCitationCard, k as useCitationCardContext, he as useCitationMarkdownComponents };
+export { E as CitationCard, k as CitationCardProvider, M as CitationDropdown, D as CitationMarker, te as annotationHighlightId, oe as annotationToOfficeHighlightLocations, F as annotationsToPdfHighlights, ye as gatherSameSourceAnnotations, ne as getAnnotationPdfPage, xe as getReferenceAttachmentGroups, ve as groupAnnotations, Z as groupAnnotationsByCitId, X as groupAnnotationsBySource, H as injectCitationSentinels, L as isDocxRangeSelector, B as isExcelRcRangeSelector, R as isPptxRangeSelector, Q as isReferenceOnlyAttachment, $ as parsePdfPageReference, K as replaceSentinelsInChildren, I as resolveMessageAnnotations, G as stripCitTagsWhileStreaming, se as useAnnotations, le as useCitationCard, A as useCitationCardContext, he as useCitationMarkdownComponents };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-quotations",
   "description": "Citation and annotation components, hooks, and utilities for AI DIAL conversations",
-  "version": "1.2.0-dev.2",
+  "version": "1.2.0-dev.6",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -23,7 +23,7 @@
   },
   "peerDependencies": {
     "react": "^19.2.8",
-    "@epam/ai-dial-chat-shared": "1.2.0-dev.2",
+    "@epam/ai-dial-chat-shared": "1.2.0-dev.6",
     "@epam/ai-dial-ui-kit": "^0.14.2"
   },
   "repository": {

package/utils/useCitationCard.d.ts

@@ -1,15 +1,22 @@
 /**
  * Manages open/close state and per-group active annotation index for citation
- * cards within a single assistant message. State is keyed by
- * `AnnotationGroup.groupKey`, not `sourceUrl` — two groups can share a
- * `sourceUrl` (e.g. two `cit`-id groups citing the same document) while
- * having independent popup/switcher state.
+ * cards within a single assistant message. The hook carries two distinct key
+ * spaces:
+ *
+ * - Openness (`openPopup`/`closePopup`/`isOpen`) is keyed by **occurrence
+ *   owner key** — a stable per-instance id derived by the rendered
+ *   `CitationDropdown` (see its `ownerKey`), not by `AnnotationGroup.groupKey`
+ *   or `sourceUrl`. Two rendered occurrences resolving to the same group are
+ *   therefore always independent popup owners.
+ * - The switcher index (`setActiveIndex`/`getActiveIndex`) is keyed by
+ *   `groupKey`, because the index indexes into `group.annotations`, which is
+ *   group data, not occurrence data.
  */
 export declare const useCitationCard: () => {
-    openPopup: (groupKey: string) => void;
-    closePopup: () => void;
+    openPopup: (ownerKey: string) => void;
+    closePopup: (ownerKey: string) => void;
     setActiveIndex: (groupKey: string, index: number) => void;
-    isOpen: (groupKey: string) => boolean;
+    isOpen: (ownerKey: string) => boolean;
     getActiveIndex: (groupKey: string) => number;
 };
 //# sourceMappingURL=useCitationCard.d.ts.map

package/utils/useCitationCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCitationCard.d.ts","sourceRoot":"","sources":["../../src/utils/useCitationCard.ts"],"names":[],"mappings":"AAcA;;;;;;GAMG;AACH,eAAO,MAAM,eAAe;0BAGe,MAAM;;+BAQD,MAAM,SAAS,MAAM;uBAY5C,MAAM;+BACE,MAAM;CAKtC,CAAC"}
+{"version":3,"file":"useCitationCard.d.ts","sourceRoot":"","sources":["../../src/utils/useCitationCard.ts"],"names":[],"mappings":"AAcA;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,eAAe;0BAGe,MAAM;2BAIL,MAAM;+BAMF,MAAM,SAAS,MAAM;uBAY5C,MAAM;+BACE,MAAM;CAKtC,CAAC"}