@epam/ai-dial-conversation-panel 1.2.0-dev.89 → 1.2.0-dev.93

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

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

package/components/NewChatButton/NewChatButton.d.ts

@@ -10,6 +10,13 @@ export interface NewChatButtonProps {
     labelClassName?: string;
     /** Color overrides applied as CSS custom properties. */
     colors?: NewChatButtonColors;
+    /**
+     * Extra class name(s) merged onto the button. The button is `h-[36px]` with
+     * the `shadow-chat-button` elevation by default, and both are merged rather
+     * than fixed, so a `h-*` or `shadow-*` utility passed here replaces them.
+     * The corner radius is not a class: it reads the kit's `--radius-control`.
+     */
+    className?: string;
 }
 /** Full-width button rendered at the top of the conversation panel to start a new chat. */
 export declare const NewChatButton: FC<NewChatButtonProps>;

package/components/NewChatButton/NewChatButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewChatButton.d.ts","sourceRoot":"","sources":["../../../src/components/NewChatButton/NewChatButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAEtC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAGpE,iCAAiC;AACjC,MAAM,WAAW,kBAAkB;IACjC,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,mFAAmF;IACnF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wDAAwD;IACxD,MAAM,CAAC,EAAE,mBAAmB,CAAC;CAC9B;AAED,2FAA2F;AAC3F,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA8BhD,CAAC"}
+{"version":3,"file":"NewChatButton.d.ts","sourceRoot":"","sources":["../../../src/components/NewChatButton/NewChatButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAEtC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAGpE,iCAAiC;AACjC,MAAM,WAAW,kBAAkB;IACjC,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,mFAAmF;IACnF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,wDAAwD;IACxD,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,2FAA2F;AAC3F,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAqChD,CAAC"}

package/index.js

@@ -3,12 +3,12 @@ import { PanelEmpty as c, PanelNoResults as l, SidebarOrientation as u, SidebarP
 import { Button as f, ButtonVariant as p, ConfirmationPopup as m, ConfirmationPopupVariant as h, DIAL_ICON_SIZE as g, DIAL_KIT_ICON_STROKE as _, Dropdown as v, ElementSize as y, EllipsisTooltip as b, FilterChips as x, GhostIconButton as S, Highlight as C, Input as w, Popup as T, PopupSize as E, ProgressBar as D, Search as O, Skeleton as ee, SkeletonVariant as k, Spinner as A, Tooltip as j, mergeClasses as te } from "@epam/ai-dial-ui-kit";
 import { createElement as M, memo as N, useCallback as P, useEffect as F, useId as ne, useImperativeHandle as re, useLayoutEffect as ie, useMemo as I, useRef as L, useState as R } from "react";
 import { Fragment as ae, jsx as z, jsxs as B } from "react/jsx-runtime";
-import { IconAlertCircleFilled as oe, IconAlertTriangleFilled as V, IconCaretDownFilled as se, IconCaretRightFilled as ce, IconCheck as le, IconChevronDown as H, IconChevronUp as ue, IconClock as de, IconDotsVertical as fe, IconFile as U, IconFileZip as W, IconJson as pe, IconPlus as me, IconSparkles as he, IconX as ge } from "@tabler/icons-react";
+import { IconAlertCircleFilled as oe, IconAlertTriangleFilled as V, IconCaretDownFilled as se, IconCaretRightFilled as ce, IconCheck as H, IconChevronDown as le, IconChevronUp as ue, IconClock as de, IconDotsVertical as U, IconFile as fe, IconFileZip as pe, IconJson as me, IconPlus as W, IconSparkles as G, IconX as he } from "@tabler/icons-react";
 //#region src/constants/public-class-names.ts
-var _e = {
+var ge = {
 	newChatButton: "dial-cp-new-chat-button",
 	search: "dial-cp-search"
-}, G = typeof window < "u" ? ie : F;
+}, _e = typeof window < "u" ? ie : F;
 function ve(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
@@ -25,7 +25,7 @@ function ye({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 		height: t,
 		width: n
 	}), d = r || a === "only-height" && s !== void 0 || a === "only-width" && c !== void 0 || s !== void 0 && c !== void 0;
-	return G(() => {
+	return _e(() => {
 		if (i === null || d) return;
 		let t = new ResizeObserver((e) => {
 			for (let t of e) {
@@ -58,7 +58,7 @@ function be(e) {
 	let t = L(() => {
 		throw Error("Cannot call during render.");
 	});
-	return G(() => {
+	return _e(() => {
 		t.current = e;
 	}, [e]), P((e) => t.current?.(e), [t]);
 }
@@ -264,13 +264,13 @@ function ke({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		a,
 		l
 	]);
-	return G(() => {
+	return _e(() => {
 		v(w((r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0));
 	}, [
 		e,
 		r,
 		w
-	]), G(() => {
+	]), _e(() => {
 		if (!e) return;
 		let t = () => {
 			v((t) => {
@@ -369,7 +369,7 @@ function Pe({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 				top: r
 			});
 		}
-	}), [g, x]), G(() => {
+	}), [g, x]), _e(() => {
 		if (!g) return;
 		let e = Array.from(g.children).filter((e, t) => {
 			if (e.hasAttribute("aria-hidden")) return !1;
@@ -455,25 +455,25 @@ function Pe({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 //#region src/types/virtual-row.ts
 var Y = /* @__PURE__ */ function(e) {
 	return e.Header = "header", e.Item = "item", e;
-}({}), Fe = (e) => `${60 + e * 23 % 35}%`, X = (e, t) => e ? t ? "pe-9" : "pe-2 group-focus-within/conversation:pe-9 group-hover/conversation:pe-9" : "pe-3", Ie = (e, t) => t.rows[e].kind === Y.Item ? 36 : e === 0 ? 24 : 56, Le = (e) => {
+}({}), Fe = (e) => `${60 + e * 23 % 35}%`, Ie = (e, t) => e ? t ? "pe-9" : "pe-2 group-focus-within/conversation:pe-9 group-hover/conversation:pe-9" : "pe-3", Le = (e, t) => t.rows[e].kind === Y.Item ? 36 : e === 0 ? 24 : 56, Re = (e) => {
 	switch (e) {
 		case n.Shared: return n.Shared;
 		case n.Organization: return n.Organization;
 		default: return n.MyChats;
 	}
-}, Re = (e, t) => {
+}, ze = (e, t) => {
 	let n = null;
 	for (let r of e) if (r.kind === Y.Header) n = r.groupKey;
 	else if (r.item.id === t) return n;
 	return null;
-}, ze = (e, t, r) => {
+}, Be = (e, t, r) => {
 	let i = /* @__PURE__ */ new Set();
 	if (t != null && i.add(t), t === n.Pinned) {
 		let t = r.find((t) => t.id === e);
-		t && i.add(Le(t.source));
+		t && i.add(Re(t.source));
 	} else i.add(n.Pinned);
 	return i;
-}, Be = (e, t, n, r) => {
+}, Ve = (e, t, n, r) => {
 	let i = e.currentTarget.getBoundingClientRect();
 	if (e.clientY >= i.top + i.height / 2) return t;
 	let a = null, o = !1;
@@ -483,7 +483,7 @@ var Y = /* @__PURE__ */ function(e) {
 		a = e.item.id;
 	}
 	return null;
-}, Ve = [
+}, X = [
 	{
 		value: n.All,
 		labelKey: "all"
@@ -501,7 +501,7 @@ var Y = /* @__PURE__ */ function(e) {
 		labelKey: "organization"
 	}
 ], He = N(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "dial-tiny-semi-text", hiddenSources: i }) => /* @__PURE__ */ z(x, {
-	items: I(() => Ve.filter(({ value: e }) => !i?.includes(e)).map(({ value: e, labelKey: n }) => ({
+	items: I(() => X.filter(({ value: e }) => !i?.includes(e)).map(({ value: e, labelKey: n }) => ({
 		value: e,
 		label: t[n]
 	})), [t, i]),
@@ -511,7 +511,7 @@ var Y = /* @__PURE__ */ function(e) {
 	"aria-label": t.groupAriaLabel ?? "Filter chats",
 	className: "px-3 py-2",
 	chipClassName: te("!px-2", r)
-})), Ue = { button: "_button_1vksy_1" }, We = N(({ label: e, onClick: t, labelClassName: n = "dial-small-semi-text", colors: i }) => /* @__PURE__ */ z("div", {
+})), Ue = { button: "_button_1vksy_1" }, We = N(({ label: e, onClick: t, labelClassName: n = "dial-small-semi-text", colors: i, className: o }) => /* @__PURE__ */ z("div", {
 	className: "px-3 py-2",
 	style: r({
 		"--cp-new-chat-bg": i?.background,
@@ -521,8 +521,8 @@ var Y = /* @__PURE__ */ function(e) {
 	children: /* @__PURE__ */ B("button", {
 		onClick: t,
 		type: "button",
-		className: a("flex h-[36px] w-full cursor-pointer items-center justify-center gap-2 px-3 py-1 shadow-chat-button hover:shadow-xs focus-visible:shadow-xs active:shadow-xs", Ue.button, _e.newChatButton),
-		children: [/* @__PURE__ */ z(me, {
+		className: a("flex h-[36px] w-full cursor-pointer items-center justify-center gap-2 px-3 py-1 shadow-chat-button hover:shadow-xs focus-visible:shadow-xs active:shadow-xs", Ue.button, o, ge.newChatButton),
+		children: [/* @__PURE__ */ z(W, {
 			size: 18,
 			stroke: _,
 			className: "shrink-0",
@@ -570,7 +570,7 @@ var Y = /* @__PURE__ */ function(e) {
 			"aria-hidden": !0
 		}), /* @__PURE__ */ z(b, { text: e })]
 	});
-}, Q = ({ item: e, isActive: n, onSelectConversation: r, searchQuery: i = "", getActions: o, onActionMenuOpen: s, actionsLabel: c = "More actions", itemTitleClassName: l = "dial-small-text", itemIconBadgeClassName: u, taskBadgeClassName: d = "dial-caption-lead-semi-text", unreadIndicatorLabel: p = "Unread", rowGroupKey: m, rows: h, draggingId: b, dragOverId: x, allowedDropGroups: w, onDragStart: T, onDragEnd: E, onDragOver: D, onDragLeave: O, onDrop: A }) => {
+}, Ke = ({ item: e, isActive: n, onSelectConversation: r, searchQuery: i = "", getActions: o, onActionMenuOpen: s, actionsLabel: c = "More actions", itemTitleClassName: l = "dial-small-text", itemIconBadgeClassName: u, taskBadgeClassName: d = "dial-caption-lead-semi-text", unreadIndicatorLabel: p = "Unread", rowGroupKey: m, rows: h, draggingId: b, dragOverId: x, allowedDropGroups: w, onDragStart: T, onDragEnd: E, onDragOver: D, onDragLeave: O, onDrop: A }) => {
 	let [j, te] = R(!1), M = L(null), N = P((t) => {
 		te(t), t && M.current && s?.(e, M.current);
 	}, [e, s]), F = o?.(e) ?? [], ne = F.length > 0, re = e.isIconLoading ? /* @__PURE__ */ z(ee, {
@@ -597,7 +597,7 @@ var Y = /* @__PURE__ */ function(e) {
 				children: p
 			})] })
 		}), re]
-	}), I = X(ne, j), oe = e.showTaskBadge ? /* @__PURE__ */ B("span", {
+	}), I = Ie(ne, j), oe = e.showTaskBadge ? /* @__PURE__ */ B("span", {
 		className: a("flex h-5 shrink-0 items-center justify-center gap-0.5 rounded-full border pe-2 ps-1", Z.taskBadge, d),
 		children: [/* @__PURE__ */ z(de, {
 			size: 12,
@@ -609,16 +609,16 @@ var Y = /* @__PURE__ */ function(e) {
 	}, [O]), ce = P((t) => {
 		if (!m || !h || !A) return;
 		t.preventDefault();
-		let n = Be(t, e.id, h, m);
+		let n = Ve(t, e.id, h, m);
 		A(e.id, m, n);
 	}, [
 		e.id,
 		h,
 		m,
 		A
-	]), le = e.id === b, H = e.id === x, ue = m != null && (w?.has(m) ?? !1), U = b != null;
+	]), H = e.id === b, le = e.id === x, ue = m != null && (w?.has(m) ?? !1), fe = b != null;
 	return /* @__PURE__ */ B("li", {
-		className: a("group/conversation relative", le && "cursor-grabbing opacity-50", H && ue && "rounded", H && ue && Z.dropZoneActive, U && !le && !ue && "cursor-not-allowed"),
+		className: a("group/conversation relative", H && "cursor-grabbing opacity-50", le && ue && "rounded", le && ue && Z.dropZoneActive, fe && !H && !ue && "cursor-not-allowed"),
 		draggable: V || void 0,
 		onDragStart: V ? () => T?.(e.id) : void 0,
 		onDragEnd: V ? E : void 0,
@@ -657,7 +657,7 @@ var Y = /* @__PURE__ */ function(e) {
 				listClassName: "w-[200px]",
 				children: /* @__PURE__ */ z(S, {
 					ref: M,
-					icon: /* @__PURE__ */ z(fe, {
+					icon: /* @__PURE__ */ z(U, {
 						size: g.SM,
 						className: Z.triggerIcon,
 						"aria-hidden": !0,
@@ -670,7 +670,7 @@ var Y = /* @__PURE__ */ function(e) {
 			})
 		})]
 	});
-}, Ke = ({ index: e, style: t, rows: r, expandedGroups: i, onToggleGroup: a, listId: o, activeConversationId: s, searchQuery: c, onSelectConversation: l, getActions: u, onActionMenuOpen: d, actionsLabel: f, unreadIndicatorLabel: p, styles: m, draggingId: h, dragOverId: g, allowedDropGroups: _, onDragStart: v, onDragEnd: y, onDragOver: b, onDragLeave: x, onDrop: S }) => {
+}, qe = ({ index: e, style: t, rows: r, expandedGroups: i, onToggleGroup: a, listId: o, activeConversationId: s, searchQuery: c, onSelectConversation: l, getActions: u, onActionMenuOpen: d, actionsLabel: f, unreadIndicatorLabel: p, styles: m, draggingId: h, dragOverId: g, allowedDropGroups: _, onDragStart: v, onDragEnd: y, onDragOver: b, onDragLeave: x, onDrop: S }) => {
 	let C = r[e];
 	if (C.kind === Y.Header) {
 		let r = C.groupKey === n.Pinned;
@@ -696,7 +696,7 @@ var Y = /* @__PURE__ */ function(e) {
 		role: "presentation",
 		style: t,
 		className: "pt-1",
-		children: /* @__PURE__ */ z(Q, {
+		children: /* @__PURE__ */ z(Ke, {
 			item: C.item,
 			isActive: C.item.id === s,
 			searchQuery: c,
@@ -720,44 +720,44 @@ var Y = /* @__PURE__ */ function(e) {
 			onDrop: S
 		})
 	});
-}, qe = (e, t) => t === n.All ? !0 : e.source === t, Je = (e, t) => t ? e.title.toLowerCase().includes(t.toLowerCase()) : !0, Ye = new Set([
+}, Je = (e, t) => t === n.All ? !0 : e.source === t, Ye = (e, t) => t ? e.title.toLowerCase().includes(t.toLowerCase()) : !0, Xe = new Set([
 	n.Pinned,
 	n.MyChats,
 	n.Shared,
 	n.Organization
-]), Xe = N(({ conversations: e, isLoading: t, isOpen: i, onSelectConversation: o, activeConversationId: s, labels: f, onNewChat: p, styles: m, className: h, isOverlay: g = !1, getActions: _, onActionMenuOpen: v, onToggle: y, headerActions: b, onMoveConversation: x, activeFilter: S, onActiveFilterChange: C, isFilterTabsHidden: w = !1, hiddenSources: T }) => {
-	let { colors: E, typography: D, newChatButton: k, searchWrapperClassName: A } = m ?? {}, { title: j, emptyLabel: te, noResultsLabel: M, loadingLabel: N = "Loading conversations", newChatLabel: re, searchPlaceholder: ie, searchClearLabel: ae, filterLabels: oe, groupLabels: V, actionsLabel: se, unreadIndicatorLabel: ce, closeAriaLabel: le } = f, [H, ue] = R(""), [de, fe] = R(n.All);
+]), Ze = N(({ conversations: e, isLoading: t, isOpen: i, onSelectConversation: o, activeConversationId: s, labels: f, onNewChat: p, styles: m, className: h, isOverlay: g = !1, getActions: _, onActionMenuOpen: v, onToggle: y, headerActions: b, onMoveConversation: x, activeFilter: S, onActiveFilterChange: C, isFilterTabsHidden: w = !1, hiddenSources: T }) => {
+	let { colors: E, typography: D, newChatButton: k, searchWrapperClassName: A, headerClassName: j, headerActionsClassName: te, newChatButtonClassName: M } = m ?? {}, { title: N, emptyLabel: re, noResultsLabel: ie, loadingLabel: ae = "Loading conversations", newChatLabel: oe, searchPlaceholder: V, searchClearLabel: se, filterLabels: ce, groupLabels: H, actionsLabel: le, unreadIndicatorLabel: ue, closeAriaLabel: de } = f, [U, fe] = R(""), [pe, me] = R(n.All);
 	F(() => {
-		S != null && fe(S);
+		S != null && me(S);
 	}, [S]);
-	let U = I(() => T?.length ? e.filter((e) => e.source == null || !T.includes(e.source)) : e, [e, T]), [W, pe] = R(() => Ye), [me, he] = R(5), ge = ne(), G = L(null), ve = L(null), [ye, be] = R(null), [K, xe] = R(null), [Se, q] = R(null), J = L(null), Ce = L(null), we = P(({ height: e }) => {
-		he(Math.ceil(e / 36 * 2));
-	}, []), Te = P((e) => {
-		ue(e ?? "");
-	}, []), Ee = P((e) => {
-		pe((t) => {
+	let W = I(() => T?.length ? e.filter((e) => e.source == null || !T.includes(e.source)) : e, [e, T]), [G, he] = R(() => Xe), [_e, ve] = R(5), ye = ne(), be = L(null), K = L(null), [xe, Se] = R(null), [q, J] = R(null), [Ce, we] = R(null), Te = L(null), Ee = L(null), De = P(({ height: e }) => {
+		ve(Math.ceil(e / 36 * 2));
+	}, []), Oe = P((e) => {
+		fe(e ?? "");
+	}, []), ke = P((e) => {
+		he((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), De = P(() => {
-		J.current = null, Ce.current = null, be(null), xe(null), q(null);
-	}, []), Oe = P((e, t) => {
-		let n = ze(e, Re(t, e), U);
-		J.current = e, Ce.current = n, be(e), q(n);
-	}, [U]), ke = P(() => {
-		De();
-	}, [De]), Ae = P((e) => {
-		xe(e);
-	}, []), je = P(() => {
-		xe(null);
-	}, []), Me = P((e, t, n) => {
-		let r = J.current, i = Ce.current;
-		De(), r != null && r !== e && i?.has(t) && x?.({
+	}, []), Ae = P(() => {
+		Te.current = null, Ee.current = null, Se(null), J(null), we(null);
+	}, []), je = P((e, t) => {
+		let n = Be(e, ze(t, e), W);
+		Te.current = e, Ee.current = n, Se(e), we(n);
+	}, [W]), Me = P(() => {
+		Ae();
+	}, [Ae]), Ne = P((e) => {
+		J(e);
+	}, []), Ie = P(() => {
+		J(null);
+	}, []), Re = P((e, t, n) => {
+		let r = Te.current, i = Ee.current;
+		Ae(), r != null && r !== e && i?.has(t) && x?.({
 			draggedId: r,
 			targetGroupKey: t,
 			afterId: n
 		});
-	}, [De, x]), Ne = r({
+	}, [Ae, x]), Ve = r({
 		"--cp-item-hover": E?.itemHover,
 		"--cp-item-active": E?.itemActive,
 		"--cp-text": E?.text,
@@ -774,123 +774,123 @@ var Y = /* @__PURE__ */ function(e) {
 		"--cp-task-badge-bg": E?.taskBadgeBackground,
 		"--cp-task-badge-text": E?.taskBadgeText,
 		"--cp-unread-dot": E?.unreadDot
-	}), X = I(() => U.filter((e) => qe(e, de) && Je(e, H)), [
-		U,
-		de,
-		H
-	]), Le = I(() => X.filter((e) => e.isPinned), [X]), Be = I(() => X.filter((e) => !e.isPinned && e.source !== n.Shared && e.source !== n.Organization), [X]), Ve = I(() => X.filter((e) => !e.isPinned && e.source === n.Shared), [X]), Ue = I(() => X.filter((e) => !e.isPinned && e.source === n.Organization), [X]), Ge = I(() => [
+	}), X = I(() => W.filter((e) => Je(e, pe) && Ye(e, U)), [
+		W,
+		pe,
+		U
+	]), Ue = I(() => X.filter((e) => e.isPinned), [X]), Ge = I(() => X.filter((e) => !e.isPinned && e.source !== n.Shared && e.source !== n.Organization), [X]), Ke = I(() => X.filter((e) => !e.isPinned && e.source === n.Shared), [X]), Ze = I(() => X.filter((e) => !e.isPinned && e.source === n.Organization), [X]), Qe = I(() => [
 		{
 			key: n.Pinned,
-			label: V?.pinned ?? "Pinned",
-			items: Le
+			label: H?.pinned ?? "Pinned",
+			items: Ue
 		},
 		{
 			key: n.MyChats,
-			label: V?.myChats ?? "My chats",
-			items: Be
+			label: H?.myChats ?? "My chats",
+			items: Ge
 		},
 		{
 			key: n.Shared,
-			label: V?.shared ?? "Shared",
-			items: Ve
+			label: H?.shared ?? "Shared",
+			items: Ke
 		},
 		{
 			key: n.Organization,
-			label: V?.organization ?? "Organization",
-			items: Ue
+			label: H?.organization ?? "Organization",
+			items: Ze
 		}
 	], [
-		V,
-		Le,
-		Be,
-		Ve,
-		Ue
+		H,
+		Ue,
+		Ge,
+		Ke,
+		Ze
 	]), Q = I(() => {
 		let e = [];
-		for (let t of Ge) if (t.items.length !== 0 && (e.push({
+		for (let t of Qe) if (t.items.length !== 0 && (e.push({
 			kind: Y.Header,
 			groupKey: t.key,
 			label: t.label
-		}), W.has(t.key))) for (let n of t.items) e.push({
+		}), G.has(t.key))) for (let n of t.items) e.push({
 			kind: Y.Item,
 			item: n,
 			groupKey: t.key
 		});
 		return e;
-	}, [Ge, W]);
+	}, [Qe, G]);
 	F(() => {
-		if (!s || ve.current === s) return;
+		if (!s || K.current === s) return;
 		let e = Q.findIndex((e) => e.kind === Y.Item && e.item.id === s);
-		e >= 0 && (G.current?.scrollToRow({
+		e >= 0 && (be.current?.scrollToRow({
 			index: e,
 			align: "smart",
 			behavior: "smooth"
-		}), ve.current = s);
+		}), K.current = s);
 	}, [
 		s,
-		Ge,
-		W,
+		Qe,
+		G,
 		Q
 	]);
-	let Xe = I(() => ({
+	let $ = I(() => ({
 		rows: Q,
-		expandedGroups: W,
-		onToggleGroup: Ee,
-		listId: ge,
+		expandedGroups: G,
+		onToggleGroup: ke,
+		listId: ye,
 		activeConversationId: s,
-		searchQuery: H,
+		searchQuery: U,
 		onSelectConversation: o,
 		getActions: _,
 		onActionMenuOpen: v,
-		actionsLabel: se,
-		unreadIndicatorLabel: ce,
+		actionsLabel: le,
+		unreadIndicatorLabel: ue,
 		styles: {
 			groupHeaderClassName: D?.groupHeaderClassName,
 			itemTitleClassName: D?.itemTitleClassName,
 			itemIconBadgeClassName: m?.itemIconBadgeClassName,
 			taskBadgeClassName: m?.taskBadgeClassName
 		},
-		draggingId: ye,
-		dragOverId: K,
-		allowedDropGroups: Se,
-		onDragStart: (e) => Oe(e, Q),
-		onDragEnd: ke,
-		onDragOver: Ae,
-		onDragLeave: je,
-		onDrop: Me
+		draggingId: xe,
+		dragOverId: q,
+		allowedDropGroups: Ce,
+		onDragStart: (e) => je(e, Q),
+		onDragEnd: Me,
+		onDragOver: Ne,
+		onDragLeave: Ie,
+		onDrop: Re
 	}), [
 		Q,
-		W,
-		Ee,
-		ge,
+		G,
+		ke,
+		ye,
 		s,
-		H,
+		U,
 		o,
 		_,
 		v,
-		se,
-		ce,
+		le,
+		ue,
 		D?.groupHeaderClassName,
 		D?.itemTitleClassName,
 		m?.itemIconBadgeClassName,
 		m?.taskBadgeClassName,
-		ye,
-		K,
-		Se,
-		Oe,
-		ke,
-		Ae,
+		xe,
+		q,
+		Ce,
 		je,
-		Me
-	]), Ze = U.length === 0, Qe = U.length > 0 && X.length === 0;
+		Me,
+		Ne,
+		Ie,
+		Re
+	]), $e = W.length === 0, et = W.length > 0 && X.length === 0;
 	return /* @__PURE__ */ B(d, {
 		isOpen: i,
 		isOverlay: g,
 		orientation: u.Left,
-		title: j,
+		title: N,
 		labels: {
-			ariaLabel: j,
-			closeLabel: le
+			ariaLabel: N,
+			closeLabel: de
 		},
 		onClose: y,
 		styles: {
@@ -900,36 +900,38 @@ var Y = /* @__PURE__ */ function(e) {
 			},
 			typography: { fontClassName: D?.fontClassName },
 			bodyClassName: "flex flex-col overflow-hidden p-0 gap-3",
-			cssVars: Ne,
+			cssVars: Ve,
 			titleClassName: D?.fontClassName,
-			headerClassName: "h-[64px]",
+			headerClassName: a("h-[64px]", j),
+			headerActionsClassName: te,
 			className: a(i ? "w-[324px] mobile:w-full" : "w-0", h)
 		},
 		rightActions: b,
 		children: [
 			/* @__PURE__ */ z(We, {
-				label: re,
+				label: oe,
 				onClick: p,
 				labelClassName: D?.newChatLabelClassName,
-				colors: k
+				colors: k,
+				className: M
 			}),
 			/* @__PURE__ */ z("div", {
 				role: "search",
-				className: a("px-3 py-2", _e.search),
+				className: a("px-3 py-2", ge.search),
 				children: /* @__PURE__ */ z(O, {
 					wrapperClassName: a(Z.search, A),
-					value: H,
-					onChange: Te,
-					placeholder: ie,
-					clearLabel: ae,
-					"aria-label": ie
+					value: U,
+					onChange: Oe,
+					placeholder: V,
+					clearLabel: se,
+					"aria-label": V
 				})
 			}),
 			!w && /* @__PURE__ */ z(He, {
-				activeTab: de,
-				labels: oe,
+				activeTab: pe,
+				labels: ce,
 				onChange: (e) => {
-					fe(e), C?.(e);
+					me(e), C?.(e);
 				},
 				tabClassName: D?.tabClassName,
 				hiddenSources: T
@@ -938,7 +940,7 @@ var Y = /* @__PURE__ */ function(e) {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: t ? N : Ze ? te : Qe ? M : ""
+				children: t ? ae : $e ? re : et ? ie : ""
 			}),
 			/* @__PURE__ */ z("div", {
 				className: "flex-1 overflow-hidden py-1 pe-3 ps-2",
@@ -951,22 +953,22 @@ var Y = /* @__PURE__ */ function(e) {
 						active: !0,
 						color: Z.skeletonColor
 					}, t))
-				}) : Ze ? /* @__PURE__ */ z(c, { label: te }) : Qe ? /* @__PURE__ */ z(l, { label: M }) : /* @__PURE__ */ z(Pe, {
-					listRef: G,
-					id: ge,
+				}) : $e ? /* @__PURE__ */ z(c, { label: re }) : et ? /* @__PURE__ */ z(l, { label: ie }) : /* @__PURE__ */ z(Pe, {
+					listRef: be,
+					id: ye,
 					role: "list",
 					style: { height: "100%" },
-					rowComponent: Ke,
+					rowComponent: qe,
 					rowCount: Q.length,
-					rowHeight: Ie,
-					overscanCount: me,
-					onResize: we,
-					rowProps: Xe
+					rowHeight: Le,
+					overscanCount: _e,
+					onResize: De,
+					rowProps: $
 				})
 			})
 		]
 	});
-}), Ze = 8e3, Qe = "flex size-7 shrink-0 items-center justify-center", $ = {
+}), Qe = 8e3, Q = "flex size-7 shrink-0 items-center justify-center", $ = {
 	root: "_root_11lia_1",
 	text: "_text_11lia_5",
 	textSecondary: "_textSecondary_11lia_9",
@@ -995,31 +997,31 @@ var Y = /* @__PURE__ */ function(e) {
 				size: y.Small,
 				"aria-expanded": !n,
 				"aria-controls": r,
-				icon: z(n ? ue : H, {
+				icon: z(n ? ue : le, {
 					size: g.SM,
 					className: $.textSecondary,
 					stroke: _,
 					"aria-hidden": !0
 				}),
 				onClick: s,
-				className: Qe
+				className: Q
 			}), /* @__PURE__ */ z(S, {
 				"aria-label": i.closeQueueAriaLabel,
 				size: y.Small,
-				icon: /* @__PURE__ */ z(ge, {
+				icon: /* @__PURE__ */ z(he, {
 					size: g.SM,
 					className: $.textSecondary,
 					stroke: _,
 					"aria-hidden": !0
 				}),
 				onClick: c,
-				className: Qe
+				className: Q
 			})]
 		})]
 	});
 }, et = [".dial", ".zip"], tt = (e) => {
 	let t = e.toLowerCase();
-	return et.some((e) => t.endsWith(e)) ? W : t.endsWith(".json") ? pe : U;
+	return et.some((e) => t.endsWith(e)) ? pe : t.endsWith(".json") ? me : fe;
 }, nt = ({ job: t, labels: n, onCancel: r, styles: i }) => {
 	let o = i?.typography, s = tt(t.fileName), c = t.status === e.Canceled;
 	return /* @__PURE__ */ B("div", {
@@ -1045,7 +1047,7 @@ var Y = /* @__PURE__ */ function(e) {
 				}), /* @__PURE__ */ z(S, {
 					"aria-label": n.cancelJobAriaLabel(t.fileName),
 					size: y.Small,
-					icon: /* @__PURE__ */ z(ge, {
+					icon: /* @__PURE__ */ z(he, {
 						size: g.SM,
 						className: $.textSecondary,
 						stroke: _,
@@ -1057,7 +1059,7 @@ var Y = /* @__PURE__ */ function(e) {
 			}),
 			t.status === e.Success && /* @__PURE__ */ z("span", {
 				className: "flex size-7 shrink-0 items-center justify-center",
-				children: /* @__PURE__ */ z(le, {
+				children: /* @__PURE__ */ z(H, {
 					size: g.SM,
 					stroke: _,
 					className: $.successIcon,
@@ -1129,7 +1131,7 @@ var Y = /* @__PURE__ */ function(e) {
 	}, []);
 	if (F(() => {
 		if (!x) return;
-		let e = setTimeout(i, Ze);
+		let e = setTimeout(i, Qe);
 		return () => clearTimeout(e);
 	}, [x, i]), n.length === 0) return null;
 	let T = n.filter((t) => t.status === e.Failed).length;
@@ -1260,7 +1262,7 @@ var st = N(({ isOpen: e, currentTitle: t, isSaving: n, error: r, onSave: a, onCa
 					tooltipProps: { tooltip: u.renameWithAiLabel },
 					disabled: h || n,
 					onClick: M,
-					icon: h ? /* @__PURE__ */ z(A, { size: g.MD }) : /* @__PURE__ */ z(he, {
+					icon: h ? /* @__PURE__ */ z(A, { size: g.MD }) : /* @__PURE__ */ z(G, {
 						size: g.MD,
 						stroke: _
 					})
@@ -1271,4 +1273,4 @@ var st = N(({ isOpen: e, currentTitle: t, isSaving: n, error: r, onSave: a, onCa
 });
 st.displayName = "RenameConversationPopup";
 //#endregion
-export { _e as CONVERSATION_PANEL_CLASS, Xe as ConversationPanel, ot as ImportExportQueue, st as RenameConversationPopup, tt as getTransferFileIcon };
+export { ge as CONVERSATION_PANEL_CLASS, Ze as ConversationPanel, ot as ImportExportQueue, st as RenameConversationPopup, tt as getTransferFileIcon };

package/models/panel-props.d.ts

@@ -106,6 +106,22 @@ export interface ConversationPanelStyles {
     itemIconBadgeClassName?: string;
     /** Typography class applied to the task pill badge in each conversation row. Defaults to `'dial-caption-lead-semi-text'`. Colors come from the module stylesheet. */
     taskBadgeClassName?: string;
+    /**
+     * Extra class name(s) merged onto the panel's header bar. The header is
+     * `h-[64px]` by default; a `h-*` utility passed here replaces that height
+     * rather than losing to it, so a host does not need `!important` on
+     * `.dial-sb-header`.
+     */
+    headerClassName?: string;
+    /** Extra class name(s) merged onto the header's trailing action cluster — `headerActions` and the panel toggle. */
+    headerActionsClassName?: string;
+    /**
+     * Extra class name(s) merged onto the New chat button. Its `h-[36px]` height
+     * and `shadow-chat-button` elevation are merged, not fixed, so a `h-*` or
+     * `shadow-*` utility passed here replaces them. The corner radius is themed
+     * separately, through the kit's `--radius-control`.
+     */
+    newChatButtonClassName?: string;
     /**
      * Extra CSS class merged onto the search field's wrapper. The wrapper's
      * corner radius is themed with the `--cp-search-radius` custom property, so

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

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

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.2.0-dev.89",
+  "version": "1.2.0-dev.93",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -19,11 +19,11 @@
   "dependencies": {
     "react-window": "^2.2.7",
     "@tabler/icons-react": "^3.44.0",
-    "@epam/ai-dial-sidebar": "1.2.0-dev.89"
+    "@epam/ai-dial-sidebar": "1.2.0-dev.93"
   },
   "peerDependencies": {
     "react": "^19.2.8",
-    "@epam/ai-dial-chat-shared": "1.2.0-dev.89",
+    "@epam/ai-dial-chat-shared": "1.2.0-dev.93",
     "@epam/ai-dial-ui-kit": "^0.15.0-dev.12"
   },
   "repository": {