@epam/ai-dial-conversation-panel 1.1.0-dev.52 → 1.1.0-dev.55

package/components/ConversationPanel/ConversationPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConversationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationPanel/ConversationPanel.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,KAAK,EAAE,EAQR,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AA6BlE,sEAAsE;AACtE,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA0axD,CAAC"}
+{"version":3,"file":"ConversationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationPanel/ConversationPanel.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,KAAK,EAAE,EAQR,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AA6BlE,sEAAsE;AACtE,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAkaxD,CAAC"}

package/components/ConversationRow/ConversationRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationRow.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationRow/ConversationRow.tsx"],"names":[],"mappings":"AACA,OAAO,EAUL,KAAK,YAAY,EAClB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAiD,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAKpE,mCAAmC;AACnC,MAAM,WAAW,oBAAoB;IACnC,wCAAwC;IACxC,IAAI,EAAE,gBAAgB,CAAC;IACvB,qDAAqD;IACrD,QAAQ,EAAE,OAAO,CAAC;IAClB,sEAAsE;IACtE,oBAAoB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sGAAsG;IACtG,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,YAAY,EAAE,CAAC;IACxD,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,CACjB,IAAI,EAAE,gBAAgB,EACtB,OAAO,EAAE,iBAAiB,KACvB,IAAI,CAAC;IACV,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yFAAyF;IACzF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yEAAyE;IACzE,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,oEAAoE;IACpE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mEAAmE;IACnE,IAAI,CAAC,EAAE,UAAU,EAAE,CAAC;IACpB,qFAAqF;IACrF,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,8FAA8F;IAC9F,iBAAiB,CAAC,EAAE,GAAG,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAC1C,qDAAqD;IACrD,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,mDAAmD;IACnD,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gDAAgD;IAChD,MAAM,CAAC,EAAE,CACP,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,SAAS,EACzB,OAAO,EAAE,MAAM,GAAG,IAAI,KACnB,IAAI,CAAC;CACX;AAED,8GAA8G;AAC9G,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAoLpD,CAAC"}

package/index.d.ts

@@ -1,5 +1,4 @@
 export { ConversationPanel } from './components/ConversationPanel/ConversationPanel';
 export type { ConversationMove, ConversationPanelProps, ConversationPanelStyles, ConversationColors, NewChatButtonColors, ConversationPanelTypography, ConversationPanelLabels, ConversationItem, FilterLabels, } from './models/panel-props';
-export type { ConversationGroupProps } from './components/ConversationGroup/ConversationGroup';
 export { FilterTab } from './types/conversation-classification';
 //# 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,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,YAAY,EACV,gBAAgB,EAChB,sBAAsB,EACtB,uBAAuB,EACvB,kBAAkB,EAClB,mBAAmB,EACnB,2BAA2B,EAC3B,uBAAuB,EACvB,gBAAgB,EAChB,YAAY,GACb,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EAAE,sBAAsB,EAAE,MAAM,kDAAkD,CAAC;AAC/F,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,YAAY,EACV,gBAAgB,EAChB,sBAAsB,EACtB,uBAAuB,EACvB,kBAAkB,EAClB,mBAAmB,EACnB,2BAA2B,EAC3B,uBAAuB,EACvB,gBAAgB,EAChB,YAAY,GACb,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC"}

package/index.js

@@ -1,6 +1,6 @@
-import { DeploymentIcon as e, Highlight as t, buildCssVars as n, mergeClasses as r } from "@epam/ai-dial-chat-shared";
-import { PanelEmpty as i, PanelNoResults as a, SearchInput as o, SidebarOrientation as s, SidebarPanel as c } from "@epam/ai-dial-sidebar";
-import { ButtonAppearance as l, DIAL_ICON_SIZE as u, DialButton as d, DialDropdown as f, DialEllipsisTooltip as p, DialIconButton as m, DialSkeleton as h, DialSkeletonVariant as g, DialTag as _, ElementSize as v, mergeClasses as y } from "@epam/ai-dial-ui-kit";
+import { DeploymentIcon as e, buildCssVars as t, mergeClasses as n } from "@epam/ai-dial-chat-shared";
+import { PanelEmpty as r, PanelNoResults as i, SearchInput as a, SidebarOrientation as o, SidebarPanel as s } from "@epam/ai-dial-sidebar";
+import { ButtonAppearance as c, DIAL_ICON_SIZE as l, DialButton as u, DialDropdown as d, DialEllipsisTooltip as f, DialIconButton as p, DialSkeleton as m, DialSkeletonVariant as h, DialTag as g, ElementSize as _, Highlight as v, mergeClasses as y } from "@epam/ai-dial-ui-kit";
 import { createElement as b, memo as x, useCallback as S, useEffect as C, useId as w, useImperativeHandle as T, useLayoutEffect as E, useMemo as D, useRef as O, useState as k } from "react";
 import { jsx as A, jsxs as j } from "react/jsx-runtime";
 import { IconCaretDownFilled as M, IconCaretRightFilled as N, IconDotsVertical as P, IconPlus as F } from "@tabler/icons-react";
@@ -60,7 +60,7 @@ function ee(e) {
 	}, [e]), S((e) => t.current?.(e), [t]);
 }
 var z = null;
-function B(e = !1) {
+function te(e = !1) {
 	if (z === null || e) {
 		let e = document.createElement("div"), t = e.style;
 		t.width = "50px", t.height = "50px", t.overflow = "scroll", t.direction = "rtl";
@@ -69,8 +69,8 @@ function B(e = !1) {
 	}
 	return z;
 }
-function V({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
-	if (t === "horizontal" && n) switch (B()) {
+function B({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
+	if (t === "horizontal" && n) switch (te()) {
 		case "negative": return -r;
 		case "positive-descending":
 			if (e) {
@@ -81,26 +81,26 @@ function V({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
 	}
 	return r;
 }
-function H(e, t = "Assertion error") {
+function V(e, t = "Assertion error") {
 	if (!e) throw console.error(t), Error(t);
 }
-function U(e, t) {
+function H(e, t) {
 	if (e === t) return !0;
-	if (!!e != !!t || (H(e !== void 0), H(t !== void 0), Object.keys(e).length !== Object.keys(t).length)) return !1;
+	if (!!e != !!t || (V(e !== void 0), V(t !== void 0), Object.keys(e).length !== Object.keys(t).length)) return !1;
 	for (let n in e) if (!Object.is(t[n], e[n])) return !1;
 	return !0;
 }
-function te({ cachedBounds: e, itemCount: t, itemSize: n }) {
+function U({ cachedBounds: e, itemCount: t, itemSize: n }) {
 	if (t === 0) return 0;
 	if (typeof n == "number") return t * n;
 	{
 		let n = e.get(e.size === 0 ? 0 : e.size - 1);
-		return H(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
+		return V(n !== void 0, "Unexpected bounds cache miss"), t * ((n.scrollOffset + n.size) / e.size);
 	}
 }
 function W({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, containerScrollOffset: a, containerSize: o }) {
 	if (n < 0 || n >= r) throw RangeError(`Invalid index specified: ${n}`, { cause: `Index ${n} is not within the range of 0 - ${r - 1}` });
-	let s = te({
+	let s = U({
 		cachedBounds: t,
 		itemCount: r,
 		itemSize: i
@@ -135,7 +135,7 @@ function K({ itemCount: e, itemProps: t, itemSize: n }) {
 	let r = /* @__PURE__ */ new Map();
 	return {
 		get(i) {
-			for (H(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
+			for (V(i < e, `Invalid index ${i}`); r.size - 1 < i;) {
 				let e = r.size, a;
 				switch (typeof n) {
 					case "function":
@@ -151,14 +151,14 @@ function K({ itemCount: e, itemProps: t, itemSize: n }) {
 				});
 				else {
 					let t = r.get(e - 1);
-					H(t !== void 0, `Unexpected bounds cache miss for index ${i}`), r.set(e, {
+					V(t !== void 0, `Unexpected bounds cache miss for index ${i}`), r.set(e, {
 						scrollOffset: t.scrollOffset + t.size,
 						size: a
 					});
 				}
 			}
 			let a = r.get(i);
-			return H(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
+			return V(a !== void 0, `Unexpected bounds cache miss for index ${i}`), a;
 		},
 		set(e, t) {
 			r.set(e, t);
@@ -183,7 +183,7 @@ function J({ containerSize: e, itemSize: t }) {
 	let n;
 	switch (typeof t) {
 		case "string":
-			H(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), H(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseInt(t) / 100;
+			V(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), V(e !== void 0, "Container size must be defined if a percentage item size is specified"), n = e * parseInt(t) / 100;
 			break;
 		default:
 			n = t;
@@ -233,7 +233,7 @@ function ne({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		startIndexOverscan: Math.min(a - 1, _.startIndexOverscan),
 		stopIndexVisible: Math.min(a - 1, _.stopIndexVisible),
 		stopIndexOverscan: Math.min(a - 1, _.stopIndexOverscan)
-	}, w = S(() => te({
+	}, w = S(() => U({
 		cachedBounds: h,
 		itemCount: a,
 		itemSize: m
@@ -243,7 +243,7 @@ function ne({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		m
 	]), T = S((t) => G({
 		cachedBounds: h,
-		containerScrollOffset: V({
+		containerScrollOffset: B({
 			containerElement: e,
 			direction: r,
 			isRtl: i,
@@ -273,7 +273,7 @@ function ne({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 			v((t) => {
 				let { scrollLeft: n, scrollTop: o } = e, s = G({
 					cachedBounds: h,
-					containerScrollOffset: V({
+					containerScrollOffset: B({
 						containerElement: e,
 						direction: r,
 						isRtl: i,
@@ -283,7 +283,7 @@ function ne({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 					itemCount: a,
 					overscanCount: l
 				});
-				return U(s, t) ? t : s;
+				return H(s, t) ? t : s;
 			});
 		};
 		return e.addEventListener("scroll", t), () => {
@@ -310,14 +310,14 @@ function ne({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 				itemSize: m
 			});
 			if (e) {
-				if (s = V({
+				if (s = B({
 					containerElement: e,
 					direction: r,
 					isRtl: i,
 					scrollOffset: s
 				}), typeof e.scrollTo != "function") {
 					let e = T(s);
-					U(_, e) || v(e);
+					H(_, e) || v(e);
 				}
 				return s;
 			}
@@ -333,7 +333,7 @@ function re(e) {
 }
 function ie(e, t) {
 	let { ariaAttributes: n, style: r, ...i } = e, { ariaAttributes: a, style: o, ...s } = t;
-	return U(n, a) && U(r, o) && U(i, s);
+	return H(n, a) && H(r, o) && H(i, s);
 }
 function ae(e) {
 	return typeof e == "object" && !!e && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
@@ -485,7 +485,7 @@ var Y = /* @__PURE__ */ function(e) {
 }, he = {
 	tabContainer: "_tabContainer_rzv03_1",
 	tabActive: "_tabActive_rzv03_13"
-}, ge = x(({ tabs: e, activeTabId: t, onTabChange: n, styles: i }) => {
+}, ge = x(({ tabs: e, activeTabId: t, onTabChange: r, styles: i }) => {
 	let { tabClassName: a = "dial-tiny-semi-text" } = i?.typography ?? {};
 	return /* @__PURE__ */ A("div", {
 		className: "flex flex-nowrap gap-1",
@@ -496,11 +496,11 @@ var Y = /* @__PURE__ */ function(e) {
 				role: "tab",
 				"aria-selected": i,
 				className: "contents",
-				children: /* @__PURE__ */ A(_, {
+				children: /* @__PURE__ */ A(g, {
 					label: e.label,
 					selected: i,
-					onClick: () => n(e.id),
-					className: r("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", a, he.tabContainer, i && he.tabActive)
+					onClick: () => r(e.id),
+					className: n("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", a, he.tabContainer, i && he.tabActive)
 				})
 			}, e.id);
 		})
@@ -533,9 +533,9 @@ var Y = /* @__PURE__ */ function(e) {
 		onTabChange: (e) => n(e),
 		styles: { typography: { tabClassName: y(r, "flex-1") } }
 	})
-})), ye = { button: "_button_hbyrw_1" }, be = x(({ label: e, onClick: t, labelClassName: i = "dial-small-semi-text", colors: a }) => /* @__PURE__ */ A("div", {
+})), ye = { button: "_button_hbyrw_1" }, be = x(({ label: e, onClick: r, labelClassName: i = "dial-small-semi-text", colors: a }) => /* @__PURE__ */ A("div", {
 	className: "px-3 py-2",
-	style: n({
+	style: t({
 		"--cp-new-chat-bg": a?.background,
 		"--cp-new-chat-hover": a?.hoverBackground,
 		"--cp-new-chat-active": a?.activeBackground,
@@ -548,9 +548,9 @@ var Y = /* @__PURE__ */ function(e) {
 		"--cp-new-chat-shadow-purple-active": a?.shadowPurpleActive
 	}),
 	children: /* @__PURE__ */ j("button", {
-		onClick: t,
+		onClick: r,
 		type: "button",
-		className: r("flex h-[36px] w-full cursor-pointer items-center justify-center gap-2 rounded-full px-3 py-1", ye.button),
+		className: n("flex h-[36px] w-full cursor-pointer items-center justify-center gap-2 rounded-full px-3 py-1", ye.button),
 		children: [/* @__PURE__ */ A(F, {
 			size: 18,
 			stroke: 2,
@@ -570,115 +570,115 @@ var Y = /* @__PURE__ */ function(e) {
 	trigger: "_trigger_njmps_29",
 	triggerActive: "_triggerActive_njmps_29",
 	triggerIcon: "_triggerIcon_njmps_32"
-}, xe = ({ item: n, isActive: i, onSelectConversation: a, searchQuery: o = "", getActions: s, onActionMenuOpen: c, actionsLabel: p = "More actions", itemTitleClassName: _ = "dial-small-text", itemIconBadgeClassName: y, rowGroupKey: b, rows: x, draggingId: C, dragOverId: w, allowedDropGroups: T, onDragStart: E, onDragEnd: D, onDragOver: M, onDragLeave: N, onDrop: F }) => {
+}, xe = ({ label: e, isExpanded: t, onToggle: r, listId: i, className: a = "dial-tiny-semi-text uppercase", dropZoneGroupKey: o, isDragOver: s, onDragOver: c, onDragLeave: l, onDrop: u }) => {
+	let d = o != null;
+	return /* @__PURE__ */ j("button", {
+		type: "button",
+		"aria-expanded": t,
+		"aria-controls": i,
+		onClick: r,
+		onDragOver: d ? (e) => {
+			d && (e.preventDefault(), c?.(o));
+		} : void 0,
+		onDragLeave: d ? (e) => {
+			d && (e.currentTarget.contains(e.relatedTarget) || l?.());
+		} : void 0,
+		onDrop: d ? (e) => {
+			d && (e.preventDefault(), u?.(o, o, null));
+		} : void 0,
+		className: n("flex h-6 w-full items-center gap-1 rounded py-1 pe-3 text-start", a, Z.groupHeader, s && Z.dropZoneActive),
+		children: [t ? /* @__PURE__ */ A(M, {
+			stroke: .5,
+			size: 12,
+			className: "shrink-0",
+			"aria-hidden": !0
+		}) : /* @__PURE__ */ A(N, {
+			stroke: .5,
+			size: 12,
+			className: "shrink-0 rtl:scale-x-[-1]",
+			"aria-hidden": !0
+		}), /* @__PURE__ */ A(f, { text: e })]
+	});
+}, Se = ({ item: t, isActive: r, onSelectConversation: i, searchQuery: a = "", getActions: o, onActionMenuOpen: s, actionsLabel: f = "More actions", itemTitleClassName: g = "dial-small-text", itemIconBadgeClassName: y, rowGroupKey: b, rows: x, draggingId: C, dragOverId: w, allowedDropGroups: T, onDragStart: E, onDragEnd: D, onDragOver: M, onDragLeave: N, onDrop: F }) => {
 	let [I, L] = k(!1), R = O(null), ee = S((e) => {
-		L(e), e && R.current && c?.(n, R.current);
-	}, [n, c]), z = s?.(n) ?? [], B = z.length > 0, V = n.isIconLoading ? /* @__PURE__ */ A(h, {
-		variant: g.Circular,
-		width: u.LG,
-		height: u.LG,
+		L(e), e && R.current && s?.(t, R.current);
+	}, [t, s]), z = o?.(t) ?? [], te = z.length > 0, B = t.isIconLoading ? /* @__PURE__ */ A(m, {
+		variant: h.Circular,
+		width: l.LG,
+		height: l.LG,
 		color: Z.skeletonColor,
 		"aria-hidden": !0
 	}) : /* @__PURE__ */ A(e, {
-		src: n.iconUrl,
-		size: u.LG,
-		initialsName: n.iconTooltip ?? "",
-		labels: { tooltip: n.iconTooltip },
+		src: t.iconUrl,
+		size: l.LG,
+		initialsName: t.iconTooltip ?? "",
+		labels: { tooltip: t.iconTooltip },
 		styles: { badgeClassName: y }
-	}), H = le(B, I), U = b != null, te = S((e) => {
+	}), V = le(te, I), H = b != null, U = S((e) => {
 		e.currentTarget.contains(e.relatedTarget) || N?.();
 	}, [N]), W = S((e) => {
 		if (!b || !x || !F) return;
 		e.preventDefault();
-		let t = me(e, n.id, x, b);
-		F(n.id, b, t);
+		let n = me(e, t.id, x, b);
+		F(t.id, b, n);
 	}, [
-		n.id,
+		t.id,
 		x,
 		b,
 		F
-	]), G = n.id === C, K = n.id === w, q = b != null && (T?.has(b) ?? !1), J = C != null;
+	]), G = t.id === C, K = t.id === w, q = b != null && (T?.has(b) ?? !1), J = C != null;
 	return /* @__PURE__ */ j("li", {
-		className: r("group/conversation relative", G && "cursor-grabbing opacity-50", K && q && "rounded", K && q && Z.dropZoneActive, J && !G && !q && "cursor-not-allowed"),
-		draggable: U || void 0,
-		onDragStart: U ? () => E?.(n.id) : void 0,
-		onDragEnd: U ? D : void 0,
-		onDragOver: U ? (e) => {
-			e.preventDefault(), M?.(n.id);
+		className: n("group/conversation relative", G && "cursor-grabbing opacity-50", K && q && "rounded", K && q && Z.dropZoneActive, J && !G && !q && "cursor-not-allowed"),
+		draggable: H || void 0,
+		onDragStart: H ? () => E?.(t.id) : void 0,
+		onDragEnd: H ? D : void 0,
+		onDragOver: H ? (e) => {
+			e.preventDefault(), M?.(t.id);
 		} : void 0,
-		onDragLeave: U ? te : void 0,
-		onDrop: U ? W : void 0,
+		onDragLeave: H ? U : void 0,
+		onDrop: H ? W : void 0,
 		children: [/* @__PURE__ */ A("a", {
-			href: n.href,
+			href: t.href,
 			className: "contents",
 			onClick: (e) => {
-				n.href && (e.preventDefault(), a(n.id));
+				t.href && (e.preventDefault(), i(t.id));
 			},
-			children: /* @__PURE__ */ A(d, {
-				iconBefore: V,
-				label: /* @__PURE__ */ A(t, {
-					text: n.title,
-					query: o,
-					className: _,
+			children: /* @__PURE__ */ A(u, {
+				iconBefore: B,
+				label: /* @__PURE__ */ A(v, {
+					text: t.title,
+					query: a,
+					className: g,
 					maxLines: 1
 				}),
 				textClassName: "min-w-0",
-				"aria-current": i ? "page" : void 0,
-				onClick: n.href ? void 0 : () => a(n.id),
-				tabIndex: n.href ? -1 : void 0,
-				className: r("flex h-8 w-full items-center justify-start gap-2 rounded-xl py-2 ps-3", H, Z.item, i && Z.itemActive, I && Z.itemActive)
+				"aria-current": r ? "page" : void 0,
+				onClick: t.href ? void 0 : () => i(t.id),
+				tabIndex: t.href ? -1 : void 0,
+				className: n("flex h-8 w-full items-center justify-start gap-2 rounded-xl py-2 ps-3", V, Z.item, r && Z.itemActive, I && Z.itemActive)
 			})
-		}), B && /* @__PURE__ */ A("div", {
-			className: r("absolute inset-y-0 end-1 flex items-center", I ? "opacity-100" : "opacity-0 group-focus-within/conversation:opacity-100 group-hover/conversation:opacity-100"),
-			children: /* @__PURE__ */ A(f, {
+		}), te && /* @__PURE__ */ A("div", {
+			className: n("absolute inset-y-0 end-1 flex items-center", I ? "opacity-100" : "opacity-0 group-focus-within/conversation:opacity-100 group-hover/conversation:opacity-100"),
+			children: /* @__PURE__ */ A(d, {
 				items: z,
 				onOpenChange: ee,
 				matchReferenceWidth: !1,
 				listClassName: "w-[140px] cp-dropdown-overlay",
-				children: /* @__PURE__ */ A(m, {
+				children: /* @__PURE__ */ A(p, {
 					ref: R,
 					icon: /* @__PURE__ */ A(P, {
-						size: u.SM,
+						size: l.SM,
 						className: Z.triggerIcon,
 						"aria-hidden": !0
 					}),
-					appearance: l.Ghost,
-					size: v.Small,
-					"aria-label": p,
-					className: r("flex items-center justify-center rounded", Z.trigger, I && Z.triggerActive)
+					appearance: c.Ghost,
+					size: _.Small,
+					"aria-label": f,
+					className: n("flex items-center justify-center rounded", Z.trigger, I && Z.triggerActive)
 				})
 			})
 		})]
 	});
-}, Se = ({ label: e, isExpanded: t, onToggle: n, listId: i, className: a = "dial-tiny-semi-text uppercase", dropZoneGroupKey: o, isDragOver: s, onDragOver: c, onDragLeave: l, onDrop: u }) => {
-	let d = o != null;
-	return /* @__PURE__ */ j("button", {
-		type: "button",
-		"aria-expanded": t,
-		"aria-controls": i,
-		onClick: n,
-		onDragOver: d ? (e) => {
-			d && (e.preventDefault(), c?.(o));
-		} : void 0,
-		onDragLeave: d ? (e) => {
-			d && (e.currentTarget.contains(e.relatedTarget) || l?.());
-		} : void 0,
-		onDrop: d ? (e) => {
-			d && (e.preventDefault(), u?.(o, o, null));
-		} : void 0,
-		className: r("flex h-6 w-full items-center gap-1 rounded py-1 pe-3 text-start", a, Z.groupHeader, s && Z.dropZoneActive),
-		children: [t ? /* @__PURE__ */ A(M, {
-			stroke: .5,
-			size: 12,
-			className: "shrink-0",
-			"aria-hidden": !0
-		}) : /* @__PURE__ */ A(N, {
-			stroke: .5,
-			size: 12,
-			className: "shrink-0 rtl:scale-x-[-1]",
-			"aria-hidden": !0
-		}), /* @__PURE__ */ A(p, { text: e })]
-	});
 }, Ce = ({ index: e, style: t, rows: n, expandedGroups: r, onToggleGroup: i, listId: a, activeConversationId: o, searchQuery: s, onSelectConversation: c, getActions: l, onActionMenuOpen: u, actionsLabel: d, styles: f, draggingId: p, dragOverId: m, allowedDropGroups: h, onDragStart: g, onDragEnd: _, onDragOver: v, onDragLeave: y, onDrop: b }) => {
 	let x = n[e];
 	if (x.kind === Y.Header) {
@@ -687,7 +687,7 @@ var Y = /* @__PURE__ */ function(e) {
 			role: "presentation",
 			style: t,
 			className: e === 0 ? "pt-0" : "pt-8",
-			children: /* @__PURE__ */ A(Se, {
+			children: /* @__PURE__ */ A(xe, {
 				label: x.label,
 				isExpanded: r.has(x.groupKey),
 				onToggle: () => i(x.groupKey),
@@ -705,7 +705,7 @@ var Y = /* @__PURE__ */ function(e) {
 		role: "presentation",
 		style: t,
 		className: "pt-1",
-		children: /* @__PURE__ */ A(xe, {
+		children: /* @__PURE__ */ A(Se, {
 			item: x.item,
 			isActive: x.item.id === o,
 			searchQuery: s,
@@ -732,8 +732,8 @@ var Y = /* @__PURE__ */ function(e) {
 	X.MyChats,
 	X.Shared,
 	X.Organization
-]), De = x(({ conversations: e, isLoading: t, isOpen: l, onSelectConversation: u, activeConversationId: d, labels: f, onNewChat: p, styles: m, className: g, getActions: _, onActionMenuOpen: v, onToggle: y, headerActions: b, onMoveConversation: x, activeFilter: T, onActiveFilterChange: E }) => {
-	let { colors: M, typography: N, newChatButton: P } = m ?? {}, { title: F, emptyLabel: I, noResultsLabel: L, loadingLabel: R = "Loading conversations", newChatLabel: ee, searchPlaceholder: z, searchClearLabel: B, filterLabels: V, groupLabels: H, actionsLabel: U, closeAriaLabel: te } = f, [W, G] = k(""), [K, q] = k(X.All);
+]), De = x(({ conversations: e, isLoading: c, isOpen: l, onSelectConversation: u, activeConversationId: d, labels: f, onNewChat: p, styles: h, className: g, getActions: _, onActionMenuOpen: v, onToggle: y, headerActions: b, onMoveConversation: x, activeFilter: T, onActiveFilterChange: E }) => {
+	let { colors: M, typography: N, newChatButton: P } = h ?? {}, { title: F, emptyLabel: I, noResultsLabel: L, loadingLabel: R = "Loading conversations", newChatLabel: ee, searchPlaceholder: z, searchClearLabel: te, filterLabels: B, groupLabels: V, actionsLabel: H, closeAriaLabel: U } = f, [W, G] = k(""), [K, q] = k(X.All);
 	C(() => {
 		T != null && (q(T), E?.(T));
 	}, [T]);
@@ -762,7 +762,7 @@ var Y = /* @__PURE__ */ function(e) {
 			targetGroupKey: t,
 			afterId: n
 		});
-	}, [ke, x]), Fe = n({
+	}, [ke, x]), Fe = t({
 		"--cp-bg": M?.background,
 		"--sb-border": M?.border,
 		"--cp-item-hover": M?.itemHover,
@@ -791,26 +791,26 @@ var Y = /* @__PURE__ */ function(e) {
 	]), Ie = D(() => Q.filter((e) => e.isPinned), [Q]), Le = D(() => Q.filter((e) => !e.isPinned && e.source !== X.Shared && e.source !== X.Organization), [Q]), Re = D(() => Q.filter((e) => !e.isPinned && e.source === X.Shared), [Q]), ze = D(() => Q.filter((e) => !e.isPinned && e.source === X.Organization), [Q]), Be = D(() => [
 		{
 			key: X.Pinned,
-			label: H?.pinned ?? "Pinned",
+			label: V?.pinned ?? "Pinned",
 			items: Ie
 		},
 		{
 			key: X.MyChats,
-			label: H?.myChats ?? "My chats",
+			label: V?.myChats ?? "My chats",
 			items: Le
 		},
 		{
 			key: X.Shared,
-			label: H?.shared ?? "Shared",
+			label: V?.shared ?? "Shared",
 			items: Re
 		},
 		{
 			key: X.Organization,
-			label: H?.organization ?? "Organization",
+			label: V?.organization ?? "Organization",
 			items: ze
 		}
 	], [
-		H,
+		V,
 		Ie,
 		Le,
 		Re,
@@ -829,16 +829,10 @@ var Y = /* @__PURE__ */ function(e) {
 		return e;
 	}, [Be, J]);
 	C(() => {
-		if (!d) return;
-		let e = Be.find((e) => e.items.some((e) => e.id === d))?.key;
-		if (e && !J.has(e)) {
-			ne((t) => new Set(t).add(e));
-			return;
-		}
-		if (le.current === d) return;
-		let t = $.findIndex((e) => e.kind === Y.Item && e.item.id === d);
-		t >= 0 && (oe.current?.scrollToRow({
-			index: t,
+		if (!d || le.current === d) return;
+		let e = $.findIndex((e) => e.kind === Y.Item && e.item.id === d);
+		e >= 0 && (oe.current?.scrollToRow({
+			index: e,
 			align: "smart",
 			behavior: "smooth"
 		}), le.current = d);
@@ -858,11 +852,11 @@ var Y = /* @__PURE__ */ function(e) {
 		onSelectConversation: u,
 		getActions: _,
 		onActionMenuOpen: v,
-		actionsLabel: U,
+		actionsLabel: H,
 		styles: {
 			groupHeaderClassName: N?.groupHeaderClassName,
 			itemTitleClassName: N?.itemTitleClassName,
-			itemIconBadgeClassName: m?.itemIconBadgeClassName
+			itemIconBadgeClassName: h?.itemIconBadgeClassName
 		},
 		draggingId: de,
 		dragOverId: he,
@@ -882,10 +876,10 @@ var Y = /* @__PURE__ */ function(e) {
 		u,
 		_,
 		v,
-		U,
+		H,
 		N?.groupHeaderClassName,
 		N?.itemTitleClassName,
-		m?.itemIconBadgeClassName,
+		h?.itemIconBadgeClassName,
 		de,
 		he,
 		_e,
@@ -895,13 +889,13 @@ var Y = /* @__PURE__ */ function(e) {
 		Ne,
 		Pe
 	]), He = e.length === 0, Ue = e.length > 0 && Q.length === 0;
-	return /* @__PURE__ */ j(c, {
+	return /* @__PURE__ */ j(s, {
 		isOpen: l,
-		orientation: s.Left,
+		orientation: o.Left,
 		title: F,
 		labels: {
 			ariaLabel: F,
-			closeLabel: te
+			closeLabel: U
 		},
 		onClose: y,
 		styles: {
@@ -914,7 +908,7 @@ var Y = /* @__PURE__ */ function(e) {
 			cssVars: Fe,
 			titleClassName: N?.fontClassName,
 			headerClassName: "h-[64px]",
-			className: r(l ? "w-[325px] border-s border-e mobile:w-full" : "w-0", g)
+			className: n(l ? "w-[325px] border-s border-e mobile:w-full" : "w-0", g)
 		},
 		rightActions: b,
 		children: [
@@ -924,17 +918,17 @@ var Y = /* @__PURE__ */ function(e) {
 				labelClassName: N?.newChatLabelClassName,
 				colors: P
 			}),
-			/* @__PURE__ */ A(o, {
+			/* @__PURE__ */ A(a, {
 				value: W,
 				onChange: G,
 				labels: {
 					placeholder: z,
-					clearLabel: B
+					clearLabel: te
 				}
 			}),
 			/* @__PURE__ */ A(ve, {
 				activeTab: K,
-				labels: V,
+				labels: B,
 				onChange: (e) => {
 					q(e), E?.(e);
 				},
@@ -944,20 +938,20 @@ var Y = /* @__PURE__ */ function(e) {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: t ? R : He ? I : Ue ? L : ""
+				children: c ? R : He ? I : Ue ? L : ""
 			}),
 			/* @__PURE__ */ A("div", {
 				className: "flex-1 overflow-hidden px-2 py-1",
-				children: t ? /* @__PURE__ */ A("div", {
+				children: c ? /* @__PURE__ */ A("div", {
 					className: "flex flex-col gap-3 px-2 py-3",
-					children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ A(h, {
+					children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ A(m, {
 						avatar: { size: 24 },
 						showTitle: { width: ce(t) },
 						paragraph: !1,
 						active: !0,
 						color: Z.skeletonColor
 					}, t))
-				}) : He ? /* @__PURE__ */ A(i, { label: I }) : Ue ? /* @__PURE__ */ A(a, { label: L }) : /* @__PURE__ */ A(se, {
+				}) : He ? /* @__PURE__ */ A(r, { label: I }) : Ue ? /* @__PURE__ */ A(i, { label: L }) : /* @__PURE__ */ A(se, {
 					listRef: oe,
 					id: ae,
 					role: "list",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@epam/ai-dial-conversation-panel",
   "description": "Virtualized sidebar panel for browsing conversation history with grouping, tabs, and search",
-  "version": "1.1.0-dev.52",
+  "version": "1.1.0-dev.55",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -18,14 +18,14 @@
   },
   "dependencies": {
     "react-window": "^2.2.7",
-    "@epam/ai-dial-kit": "1.1.0-dev.52",
-    "@epam/ai-dial-ui-kit": "^0.13.0-dev.12"
+    "@epam/ai-dial-kit": "1.1.0-dev.55",
+    "@epam/ai-dial-ui-kit": "^0.13.0-dev.17"
   },
   "peerDependencies": {
     "react": "^19.0.0",
     "@tabler/icons-react": "^3.0.0",
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.52",
-    "@epam/ai-dial-sidebar": "1.1.0-dev.52"
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.55",
+    "@epam/ai-dial-sidebar": "1.1.0-dev.55"
   },
   "repository": {
     "type": "git",

package/components/ConversationGroup/ConversationGroup.d.ts

@@ -1,27 +0,0 @@
-import { DropdownItem } from '@epam/ai-dial-ui-kit';
-import { FC } from 'react';
-import { ConversationItem } from '../../models/panel-props';
-/** Props for `ConversationGroup`. */
-export interface ConversationGroupProps {
-    /** Section heading label. */
-    label: string;
-    /** Conversation items belonging to this group. */
-    items: ConversationItem[];
-    /** `id` of the currently active conversation. */
-    activeConversationId?: string;
-    /** Called when the user selects a conversation row. */
-    onSelectConversation: (id: string) => void;
-    /** Builds dropdown actions for a row. When absent or empty, no action trigger is rendered. */
-    getActions?: (item: ConversationItem) => DropdownItem[];
-    /** Called when a row action menu opens. */
-    onActionMenuOpen?: (item: ConversationItem, trigger: HTMLButtonElement) => void;
-    /** Accessible label for the actions trigger button. Defaults to `"More actions"`. */
-    actionsLabel?: string;
-    /** Typography class applied to the group header button. Defaults to `'dial-tiny-semi-text uppercase'`. */
-    groupHeaderClassName?: string;
-    /** Typography class applied to the conversation title text. */
-    itemTitleClassName?: string;
-}
-/** Collapsible section rendering a labelled group of conversation rows. */
-export declare const ConversationGroup: FC<ConversationGroupProps>;
-//# sourceMappingURL=ConversationGroup.d.ts.map

package/components/ConversationGroup/ConversationGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConversationGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationGroup/ConversationGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAE9E,OAAO,EAAE,KAAK,EAAE,EAAyB,MAAM,OAAO,CAAC;AACvD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAIjE,qCAAqC;AACrC,MAAM,WAAW,sBAAsB;IACrC,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,iDAAiD;IACjD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,uDAAuD;IACvD,oBAAoB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,8FAA8F;IAC9F,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,YAAY,EAAE,CAAC;IAExD,2CAA2C;IAC3C,gBAAgB,CAAC,EAAE,CACjB,IAAI,EAAE,gBAAgB,EACtB,OAAO,EAAE,iBAAiB,KACvB,IAAI,CAAC;IACV,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0GAA0G;IAC1G,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,+DAA+D;IAC/D,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,2EAA2E;AAC3E,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAmExD,CAAC"}

package/components/ConversationGroup/ConversationRow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConversationRow.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationGroup/ConversationRow.tsx"],"names":[],"mappings":"AAKA,OAAO,EASL,KAAK,YAAY,EAClB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAiD,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAKpE,mCAAmC;AACnC,MAAM,WAAW,oBAAoB;IACnC,wCAAwC;IACxC,IAAI,EAAE,gBAAgB,CAAC;IACvB,qDAAqD;IACrD,QAAQ,EAAE,OAAO,CAAC;IAClB,sEAAsE;IACtE,oBAAoB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,uEAAuE;IACvE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sGAAsG;IACtG,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,YAAY,EAAE,CAAC;IACxD,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,CACjB,IAAI,EAAE,gBAAgB,EACtB,OAAO,EAAE,iBAAiB,KACvB,IAAI,CAAC;IACV,qFAAqF;IACrF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yFAAyF;IACzF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yEAAyE;IACzE,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,oEAAoE;IACpE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mEAAmE;IACnE,IAAI,CAAC,EAAE,UAAU,EAAE,CAAC;IACpB,qFAAqF;IACrF,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,8FAA8F;IAC9F,iBAAiB,CAAC,EAAE,GAAG,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAC1C,qDAAqD;IACrD,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,mDAAmD;IACnD,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gDAAgD;IAChD,MAAM,CAAC,EAAE,CACP,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,SAAS,EACzB,OAAO,EAAE,MAAM,GAAG,IAAI,KACnB,IAAI,CAAC;CACX;AAED,8GAA8G;AAC9G,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAoLpD,CAAC"}