@epam/ai-dial-conversation-panel 1.0.0-dev.484 → 1.0.0-dev.486

package/components/FilterTabs/FilterTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterTabs.d.ts","sourceRoot":"","sources":["../../../src/components/FilterTabs/FilterTabs.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAEpE,8BAA8B;AAC9B,MAAM,WAAW,eAAe;IAC9B,4BAA4B;IAC5B,SAAS,EAAE,SAAS,CAAC;IACrB,kEAAkE;IAClE,MAAM,EAAE,YAAY,CAAC;IACrB,oDAAoD;IACpD,QAAQ,EAAE,CAAC,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AASD,wEAAwE;AACxE,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAc1C,CAAC"}
+{"version":3,"file":"FilterTabs.d.ts","sourceRoot":"","sources":["../../../src/components/FilterTabs/FilterTabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAEpE,8BAA8B;AAC9B,MAAM,WAAW,eAAe;IAC9B,4BAA4B;IAC5B,SAAS,EAAE,SAAS,CAAC;IACrB,kEAAkE;IAClE,MAAM,EAAE,YAAY,CAAC;IACrB,oDAAoD;IACpD,QAAQ,EAAE,CAAC,GAAG,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AASD,wEAAwE;AACxE,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAc1C,CAAC"}

package/index.css

@@ -1,2 +1,2 @@
-._tab_1mi6x_1{color:var(--text-tertiary,#808898);background-color:#0000;border-color:#0000!important}._tab_1mi6x_1:hover{color:var(--text-secondary,#64748b);background-color:#5c8dea0f}._tab_1mi6x_1>span{text-align:center}._tab_1mi6x_1._tabActive_1mi6x_13{color:var(--text-secondary,#64748b);background-color:#2764d912}._tab_1mi6x_1._tabActive_1mi6x_13:hover{background-color:#5c8dea0f}.dial-primary-solid-button{background-image:linear-gradient(135deg, var(--bg-accent-secondary,#37babc) 0%, var(--bg-accent-primary,#5c8dea) 30%, var(--bg-accent-tertiary,#a972ff) 100%);border-style:none;border-radius:9999px;transition:box-shadow .2s,transform .15s;box-shadow:0 0 16px #37babc40,0 4px 12px #a972ff38;background-color:#0000!important;padding-inline:24px!important}@media (hover:hover){.dial-primary-solid-button:hover{background-color:#0000;background-image:linear-gradient(135deg, var(--bg-accent-secondary,#37babc) 0%, var(--bg-accent-primary,#5c8dea) 30%, var(--bg-accent-tertiary,#a972ff) 100%);transform:translateY(-1px);box-shadow:0 0 24px #37babc59,0 6px 18px #a972ff4d}}.dial-primary-solid-button:active{background-color:#0000;background-image:linear-gradient(135deg, var(--bg-accent-secondary,#37babc) 0%, var(--bg-accent-primary,#5c8dea) 30%, var(--bg-accent-tertiary,#a972ff) 100%);filter:brightness(.92);transform:translateY(0);box-shadow:0 0 10px #37babc33,0 2px 6px #a972ff29}.dial-primary-solid-button:disabled{box-shadow:none;cursor:not-allowed;background-image:none;transform:none;background-color:var(--controls-bg-disable,#d1dbea)!important;color:var(--text-white,#fff)!important}.dial-danger-solid-button{border-radius:9999px!important}.dial-primary-solid-button.dial-primary-solid-button{background-color:#0000;background-image:linear-gradient(135deg,#4b7be6 0%,#9355f4 100%);border:none;border-radius:9999px;transition:box-shadow .2s,transform .15s;box-shadow:0 4px 16px #5c8dea52}@media (hover:hover){.dial-primary-solid-button.dial-primary-solid-button:hover{background-color:#0000;background-image:linear-gradient(135deg,#4b7be6 0%,#9355f4 100%);transform:translateY(-1px);box-shadow:0 6px 20px #5c8dea6b}}.dial-primary-solid-button.dial-primary-solid-button:active{filter:brightness(.92);background-color:#0000;background-image:linear-gradient(135deg,#4b7be6 0%,#9355f4 100%);transform:translateY(0);box-shadow:0 2px 8px #5c8dea38}.dial-primary-solid-button.dial-primary-solid-button:disabled{box-shadow:none;background-image:none;transform:none}.dial-neutral-outlined-button{transition:background-color .15s,border-color .15s;color:var(--bg-accent-primary,#2764d9)!important;background-color:#2764d914!important;background-image:none!important;border:1px solid #2764d933!important;border-radius:9999px!important}@media (hover:hover){.dial-neutral-outlined-button:hover:enabled{background-color:#2764d921!important;border-color:#2764d959!important}}.dial-neutral-outlined-button:active:enabled{background-color:#2764d92e!important;border-color:#2764d973!important}.dial-neutral-outlined-button:disabled{border-color:var(--stroke-secondary,#d1dbea);color:var(--controls-text-neutral-disable,#575f73);background-color:#0000;background-image:none}.dial-primary-ghost-button:not(.dial-icon-button){border-style:none;border-radius:9999px;color:var(--bg-accent-primary,#2764d9)!important}@media (hover:hover){.dial-primary-ghost-button:not(.dial-icon-button):hover:enabled{background-color:#2764d90d!important}}.dial-primary-ghost-button:not(.dial-icon-button):active:enabled{background-color:#2764d914!important}.dial-icon-button{border-radius:6px!important}.dial-input:not(.dial-input-error){transition:border-color .15s,box-shadow .15s;border-color:var(--stroke-tertiary,#e0e6f0)!important;border-radius:.75rem!important}.dial-input:not(.dial-input-error):not(:disabled):hover{border-color:var(--stroke-accent-primary,#7da4ff)!important}.dial-input:not(.dial-input-error):not(:disabled):active,.dial-input:not(.dial-input-error):not(:disabled):focus,.dial-input:not(.dial-input-error):not(:disabled):focus-within{border-color:var(--stroke-accent-primary,#124ace)!important;box-shadow:0 0 0 4px var(--bg-accent-primary-alpha,#7da4ff2e)!important}.dial-input-error{border-radius:.75rem!important}._button_1ggx8_1{background:var(--cp-new-chat-bg,var(--bg-layer-0,#fcfcfc));box-shadow:0 1px 3px var(--cp-new-chat-shadow-blue,var(--bg-new-chat-shadow-blue,#5c8dea33)), 0 2px 10px var(--cp-new-chat-shadow-purple,var(--bg-new-chat-shadow-purple,#a972ff24));color:var(--cp-new-chat-text,var(--text-accent-primary,#124ace));transition:box-shadow .15s,background-color .15s}._button_1ggx8_1:hover{background:var(--cp-new-chat-hover,var(--bg-layer-0,#fcfcfc));box-shadow:0 2px 6px var(--cp-new-chat-shadow-blue-hover,var(--bg-new-chat-shadow-blue-hover,#5c8dea47)), 0 4px 16px var(--cp-new-chat-shadow-purple-hover,var(--bg-new-chat-shadow-purple-hover,#a972ff33))}._button_1ggx8_1:active{background:var(--cp-new-chat-active,var(--bg-layer-5,#f5f7fa));box-shadow:0 1px 2px var(--cp-new-chat-shadow-blue-active,var(--bg-new-chat-shadow-blue-active,#5c8dea26)), 0 1px 6px var(--cp-new-chat-shadow-purple-active,var(--bg-new-chat-shadow-purple-active,#a972ff1a))}._header_dr0k7_1,._item_dr0k7_5{color:var(--cp-text,var(--text-primary,#161b2d))}._item_dr0k7_5:hover{background:var(--cp-item-hover,var(--bg-layer-2,#eef1f7))}._item_dr0k7_5._itemActive_dr0k7_11{background:var(--cp-item-active,var(--bg-layer-2,#eef1f7));color:var(--cp-text,var(--text-primary,#161b2d))}._groupHeader_dr0k7_16{color:var(--cp-text-secondary,var(--text-primary,#161b2d))}._dropZoneActive_dr0k7_20{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-inset:inset;--tw-ring-color:var(--cp-drop-zone-ring,var(--stroke-accent-primary,#124ace))}._trigger_dr0k7_28._triggerActive_dr0k7_28{background:var(--cp-trigger-bg,var(--controls-bg-accent-primary-alpha-active,#7da4ff5c))}._trigger_dr0k7_28._triggerActive_dr0k7_28 ._triggerIcon_dr0k7_31{color:var(--cp-trigger-icon,var(--text-accent-primary,#124ace))}._triggerIcon_dr0k7_31{color:var(--cp-trigger-icon-idle,var(--text-secondary,#575f73))}
+._tab_1mi6x_1{color:var(--text-tertiary,#808898);background-color:#0000;border-color:#0000!important}._tab_1mi6x_1:hover{color:var(--text-secondary,#64748b);background-color:#5c8dea0f}._tab_1mi6x_1>span{text-align:center}._tab_1mi6x_1._tabActive_1mi6x_13{color:var(--text-secondary,#64748b);background-color:#2764d912}._tab_1mi6x_1._tabActive_1mi6x_13:hover{background-color:#5c8dea0f}.dial-primary-solid-button{background-image:linear-gradient(135deg, var(--bg-accent-secondary,#37babc) 0%, var(--bg-accent-primary,#5c8dea) 30%, var(--bg-accent-tertiary,#a972ff) 100%);border-style:none;border-radius:9999px;transition:box-shadow .2s,transform .15s;box-shadow:0 0 16px #37babc40,0 4px 12px #a972ff38;background-color:#0000!important;padding-inline:24px!important}@media (hover:hover){.dial-primary-solid-button:hover{background-color:#0000;background-image:linear-gradient(135deg, var(--bg-accent-secondary,#37babc) 0%, var(--bg-accent-primary,#5c8dea) 30%, var(--bg-accent-tertiary,#a972ff) 100%);transform:translateY(-1px);box-shadow:0 0 24px #37babc59,0 6px 18px #a972ff4d}}.dial-primary-solid-button:active{background-color:#0000;background-image:linear-gradient(135deg, var(--bg-accent-secondary,#37babc) 0%, var(--bg-accent-primary,#5c8dea) 30%, var(--bg-accent-tertiary,#a972ff) 100%);filter:brightness(.92);transform:translateY(0);box-shadow:0 0 10px #37babc33,0 2px 6px #a972ff29}.dial-primary-solid-button:disabled{box-shadow:none;cursor:not-allowed;background-image:none;transform:none;background-color:var(--controls-bg-disable,#d1dbea)!important;color:var(--text-white,#fff)!important}.dial-danger-solid-button{border-radius:9999px!important}.dial-primary-solid-button.dial-primary-solid-button{background-color:#0000;background-image:linear-gradient(135deg,#4b7be6 0%,#9355f4 100%);border:none;border-radius:9999px;transition:box-shadow .2s,transform .15s;box-shadow:0 4px 16px #5c8dea52}@media (hover:hover){.dial-primary-solid-button.dial-primary-solid-button:hover{background-color:#0000;background-image:linear-gradient(135deg,#4b7be6 0%,#9355f4 100%);transform:translateY(-1px);box-shadow:0 6px 20px #5c8dea6b}}.dial-primary-solid-button.dial-primary-solid-button:active{filter:brightness(.92);background-color:#0000;background-image:linear-gradient(135deg,#4b7be6 0%,#9355f4 100%);transform:translateY(0);box-shadow:0 2px 8px #5c8dea38}.dial-primary-solid-button.dial-primary-solid-button:disabled{box-shadow:none;background-image:none;transform:none}.dial-neutral-outlined-button{transition:background-color .15s,border-color .15s;color:var(--bg-accent-primary,#2764d9)!important;background-color:#2764d914!important;background-image:none!important;border:1px solid #2764d933!important;border-radius:9999px!important}@media (hover:hover){.dial-neutral-outlined-button:hover:enabled{background-color:#2764d921!important;border-color:#2764d959!important}}.dial-neutral-outlined-button:active:enabled{background-color:#2764d92e!important;border-color:#2764d973!important}.dial-neutral-outlined-button:disabled{border-color:var(--stroke-secondary,#d1dbea);color:var(--controls-text-neutral-disable,#575f73);background-color:#0000;background-image:none}.dial-primary-ghost-button:not(.dial-icon-button){border-style:none;border-radius:9999px;color:var(--bg-accent-primary,#2764d9)!important}@media (hover:hover){.dial-primary-ghost-button:not(.dial-icon-button):hover:enabled{background-color:#2764d90d!important}}.dial-primary-ghost-button:not(.dial-icon-button):active:enabled{background-color:#2764d914!important}.dial-icon-button{border-radius:6px!important}.dial-input:not(.dial-input-error){transition:border-color .15s,box-shadow .15s;border-color:var(--stroke-tertiary,#e0e6f0)!important;border-radius:.75rem!important}.dial-input:not(.dial-input-error):not(:disabled):hover{border-color:var(--stroke-accent-primary,#7da4ff)!important}.dial-input:not(.dial-input-error):not(:disabled):active,.dial-input:not(.dial-input-error):not(:disabled):focus,.dial-input:not(.dial-input-error):not(:disabled):focus-within{border-color:var(--stroke-accent-primary,#124ace)!important;box-shadow:0 0 0 4px var(--bg-accent-primary-alpha,#7da4ff2e)!important}.dial-input-error{border-radius:.75rem!important}._button_1ggx8_1{background:var(--cp-new-chat-bg,var(--bg-layer-0,#fcfcfc));box-shadow:0 1px 3px var(--cp-new-chat-shadow-blue,var(--bg-new-chat-shadow-blue,#5c8dea33)), 0 2px 10px var(--cp-new-chat-shadow-purple,var(--bg-new-chat-shadow-purple,#a972ff24));color:var(--cp-new-chat-text,var(--text-accent-primary,#124ace));transition:box-shadow .15s,background-color .15s}._button_1ggx8_1:hover{background:var(--cp-new-chat-hover,var(--bg-layer-0,#fcfcfc));box-shadow:0 2px 6px var(--cp-new-chat-shadow-blue-hover,var(--bg-new-chat-shadow-blue-hover,#5c8dea47)), 0 4px 16px var(--cp-new-chat-shadow-purple-hover,var(--bg-new-chat-shadow-purple-hover,#a972ff33))}._button_1ggx8_1:active{background:var(--cp-new-chat-active,var(--bg-layer-5,#f5f7fa));box-shadow:0 1px 2px var(--cp-new-chat-shadow-blue-active,var(--bg-new-chat-shadow-blue-active,#5c8dea26)), 0 1px 6px var(--cp-new-chat-shadow-purple-active,var(--bg-new-chat-shadow-purple-active,#a972ff1a))}._header_1nqh6_1,._item_1nqh6_5{color:var(--cp-text,var(--text-primary,#161b2d))}._item_1nqh6_5:hover{background:var(--cp-item-hover,var(--bg-layer-2,#eef1f7))}._item_1nqh6_5._itemActive_1nqh6_11{background:var(--cp-item-active,var(--bg-layer-2,#eef1f7));color:var(--cp-text,var(--text-primary,#161b2d))}._groupHeader_1nqh6_16{color:var(--cp-text-secondary,var(--text-tertiary,#808898));opacity:.55}._dropZoneActive_1nqh6_21{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-inset:inset;--tw-ring-color:var(--cp-drop-zone-ring,var(--stroke-accent-primary,#124ace))}._trigger_1nqh6_29._triggerActive_1nqh6_29{background:var(--cp-trigger-bg,var(--controls-bg-accent-primary-alpha-active,#7da4ff5c))}._trigger_1nqh6_29._triggerActive_1nqh6_29 ._triggerIcon_1nqh6_32{color:var(--cp-trigger-icon,var(--text-accent-primary,#124ace))}._triggerIcon_1nqh6_32{color:var(--cp-trigger-icon-idle,var(--text-secondary,#575f73))}
 /*$vite$:1*/

package/index.js

@@ -1,12 +1,12 @@
 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 } from "@epam/ai-dial-ui-kit";
-import { createElement as y, memo as b, useCallback as x, useEffect as S, useId as C, useImperativeHandle as w, useLayoutEffect as T, useMemo as E, useRef as D, useState as O } from "react";
-import { jsx as k, jsxs as A } from "react/jsx-runtime";
-import { IconCaretDownFilled as j, IconCaretRightFilled as M, IconDotsVertical as N, IconPlus as P } from "@tabler/icons-react";
+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 { 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";
 //#region ../../node_modules/react-window/dist/react-window.js
-var F = typeof window < "u" ? T : S;
-function I(e) {
+var I = typeof window < "u" ? E : C;
+function L(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
 		case "string":
@@ -14,15 +14,15 @@ function I(e) {
 			break;
 	}
 }
-function ee({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
-	let { styleHeight: s, styleWidth: c } = E(() => ({
-		styleHeight: I(o?.height),
-		styleWidth: I(o?.width)
-	}), [o?.height, o?.width]), [l, u] = O({
+function R({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
+	let { styleHeight: s, styleWidth: c } = D(() => ({
+		styleHeight: L(o?.height),
+		styleWidth: L(o?.width)
+	}), [o?.height, o?.width]), [l, u] = k({
 		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 F(() => {
+	return I(() => {
 		if (i === null || d) return;
 		let t = new ResizeObserver((e) => {
 			for (let t of e) {
@@ -42,7 +42,7 @@ function ee({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 		i,
 		s,
 		c
-	]), E(() => ({
+	]), D(() => ({
 		height: s ?? l.height,
 		width: c ?? l.width
 	}), [
@@ -51,26 +51,26 @@ function ee({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i
 		c
 	]);
 }
-function L(e) {
-	let t = D(() => {
+function ee(e) {
+	let t = O(() => {
 		throw Error("Cannot call during render.");
 	});
-	return F(() => {
+	return I(() => {
 		t.current = e;
-	}, [e]), x((e) => t.current?.(e), [t]);
+	}, [e]), S((e) => t.current?.(e), [t]);
 }
-var R = null;
-function z(e = !1) {
-	if (R === null || e) {
+var z = null;
+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";
 		let n = document.createElement("div"), r = n.style;
-		return r.width = "100px", r.height = "100px", e.appendChild(n), document.body.appendChild(e), e.scrollLeft > 0 ? R = "positive-descending" : (e.scrollLeft = 1, R = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), R;
+		return r.width = "100px", r.height = "100px", e.appendChild(n), document.body.appendChild(e), e.scrollLeft > 0 ? z = "positive-descending" : (e.scrollLeft = 1, z = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), z;
 	}
-	return R;
+	return z;
 }
 function B({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
-	if (t === "horizontal" && n) switch (z()) {
+	if (t === "horizontal" && n) switch (te()) {
 		case "negative": return -r;
 		case "positive-descending":
 			if (e) {
@@ -98,7 +98,7 @@ function U({ cachedBounds: e, itemCount: t, itemSize: n }) {
 		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 }) {
+function ne({ 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 = U({
 		cachedBounds: t,
@@ -112,7 +112,7 @@ function W({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, con
 		default: return a >= u && a <= l ? a : a < u ? u : l;
 	}
 }
-function G({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
+function W({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCount: r, overscanCount: i }) {
 	let a = r - 1, o = 0, s = -1, c = 0, l = -1, u = 0;
 	for (; u < a;) {
 		let n = e.get(u);
@@ -131,7 +131,7 @@ function G({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCo
 		stopIndexOverscan: l
 	};
 }
-function K({ itemCount: e, itemProps: t, itemSize: n }) {
+function G({ itemCount: e, itemProps: t, itemSize: n }) {
 	let r = /* @__PURE__ */ new Map();
 	return {
 		get(i) {
@@ -168,8 +168,8 @@ function K({ itemCount: e, itemProps: t, itemSize: n }) {
 		}
 	};
 }
-function q({ itemCount: e, itemProps: t, itemSize: n }) {
-	return E(() => K({
+function K({ itemCount: e, itemProps: t, itemSize: n }) {
+	return D(() => G({
 		itemCount: e,
 		itemProps: t,
 		itemSize: n
@@ -179,7 +179,7 @@ function q({ itemCount: e, itemProps: t, itemSize: n }) {
 		n
 	]);
 }
-function J({ containerSize: e, itemSize: t }) {
+function re({ containerSize: e, itemSize: t }) {
 	let n;
 	switch (typeof t) {
 		case "string":
@@ -191,21 +191,21 @@ function J({ containerSize: e, itemSize: t }) {
 	}
 	return n;
 }
-function te({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0, direction: r, isRtl: i = !1, itemCount: a, itemProps: o, itemSize: s, onResize: c, overscanCount: l }) {
-	let { height: u = n, width: d = n } = ee({
+function ie({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0, direction: r, isRtl: i = !1, itemCount: a, itemProps: o, itemSize: s, onResize: c, overscanCount: l }) {
+	let { height: u = n, width: d = n } = R({
 		defaultHeight: r === "vertical" ? n : void 0,
 		defaultWidth: r === "horizontal" ? n : void 0,
 		element: e,
 		mode: r === "vertical" ? "only-height" : "only-width",
 		style: t
-	}), f = D({
+	}), f = O({
 		height: 0,
 		width: 0
-	}), p = r === "vertical" ? u : d, m = J({
+	}), p = r === "vertical" ? u : d, m = re({
 		containerSize: p,
 		itemSize: s
 	});
-	T(() => {
+	E(() => {
 		if (typeof c == "function") {
 			let e = f.current;
 			(e.height !== u || e.width !== d) && (c({
@@ -218,22 +218,22 @@ function te({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		c,
 		d
 	]);
-	let h = q({
+	let h = K({
 		itemCount: a,
 		itemProps: o,
 		itemSize: m
-	}), g = x((e) => h.get(e), [h]), [_, v] = O(() => G({
+	}), g = S((e) => h.get(e), [h]), [_, v] = k(() => W({
 		cachedBounds: h,
 		containerScrollOffset: 0,
 		containerSize: p,
 		itemCount: a,
 		overscanCount: l
-	})), { startIndexVisible: y, startIndexOverscan: b, stopIndexVisible: S, stopIndexOverscan: C } = {
+	})), { startIndexVisible: y, startIndexOverscan: b, stopIndexVisible: x, stopIndexOverscan: C } = {
 		startIndexVisible: Math.min(a - 1, _.startIndexVisible),
 		startIndexOverscan: Math.min(a - 1, _.startIndexOverscan),
 		stopIndexVisible: Math.min(a - 1, _.stopIndexVisible),
 		stopIndexOverscan: Math.min(a - 1, _.stopIndexOverscan)
-	}, w = x(() => U({
+	}, w = S(() => U({
 		cachedBounds: h,
 		itemCount: a,
 		itemSize: m
@@ -241,7 +241,7 @@ function te({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		h,
 		a,
 		m
-	]), E = x((t) => G({
+	]), T = S((t) => W({
 		cachedBounds: h,
 		containerScrollOffset: B({
 			containerElement: e,
@@ -261,17 +261,17 @@ function te({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		a,
 		l
 	]);
-	return F(() => {
-		v(E((r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0));
+	return I(() => {
+		v(T((r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0));
 	}, [
 		e,
 		r,
-		E
-	]), F(() => {
+		T
+	]), I(() => {
 		if (!e) return;
 		let t = () => {
 			v((t) => {
-				let { scrollLeft: n, scrollTop: o } = e, s = G({
+				let { scrollLeft: n, scrollTop: o } = e, s = W({
 					cachedBounds: h,
 					containerScrollOffset: B({
 						containerElement: e,
@@ -299,8 +299,8 @@ function te({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 	]), {
 		getCellBounds: g,
 		getEstimatedSize: w,
-		scrollToIndex: L(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
-			let s = W({
+		scrollToIndex: ee(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
+			let s = ne({
 				align: t,
 				cachedBounds: h,
 				containerScrollOffset: n,
@@ -316,7 +316,7 @@ function te({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 					isRtl: i,
 					scrollOffset: s
 				}), typeof e.scrollTo != "function") {
-					let e = E(s);
+					let e = T(s);
 					H(_, e) || v(e);
 				}
 				return s;
@@ -325,38 +325,38 @@ function te({ containerElement: e, containerStyle: t, defaultContainerSize: n =
 		startIndexOverscan: b,
 		startIndexVisible: y,
 		stopIndexOverscan: C,
-		stopIndexVisible: S
+		stopIndexVisible: x
 	};
 }
-function ne(e) {
-	return E(() => e, Object.values(e));
+function ae(e) {
+	return D(() => e, Object.values(e));
 }
-function re(e, t) {
+function oe(e, t) {
 	let { ariaAttributes: n, style: r, ...i } = e, { ariaAttributes: a, style: o, ...s } = t;
 	return H(n, a) && H(r, o) && H(i, s);
 }
-function ie(e) {
+function se(e) {
 	return typeof e == "object" && !!e && "getAverageRowHeight" in e && typeof e.getAverageRowHeight == "function";
 }
-var ae = "data-react-window-index";
-function oe({ children: e, className: t, defaultHeight: n = 0, listRef: r, onResize: i, onRowsRendered: a, overscanCount: o = 3, rowComponent: s, rowCount: c, rowHeight: l, rowProps: u, tagName: d = "div", style: f, ...p }) {
-	let m = ne(u), h = E(() => b(s, re), [s]), [g, _] = O(null), v = ie(l), { getCellBounds: x, getEstimatedSize: C, scrollToIndex: T, startIndexOverscan: D, startIndexVisible: A, stopIndexOverscan: j, stopIndexVisible: M } = te({
+var ce = "data-react-window-index";
+function le({ children: e, className: t, defaultHeight: n = 0, listRef: r, onResize: i, onRowsRendered: a, overscanCount: o = 3, rowComponent: s, rowCount: c, rowHeight: l, rowProps: u, tagName: d = "div", style: f, ...p }) {
+	let m = ae(u), h = D(() => x(s, oe), [s]), [g, _] = k(null), v = se(l), { getCellBounds: y, getEstimatedSize: S, scrollToIndex: w, startIndexOverscan: E, startIndexVisible: O, stopIndexOverscan: j, stopIndexVisible: M } = ie({
 		containerElement: g,
 		containerStyle: f,
 		defaultContainerSize: n,
 		direction: "vertical",
 		itemCount: c,
 		itemProps: m,
-		itemSize: E(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
+		itemSize: D(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
 		onResize: i,
 		overscanCount: o
 	});
-	w(r, () => ({
+	T(r, () => ({
 		get element() {
 			return g;
 		},
 		scrollToRow({ align: e = "auto", behavior: t = "auto", index: n }) {
-			let r = T({
+			let r = w({
 				align: e,
 				containerScrollOffset: g?.scrollTop ?? 0,
 				index: n
@@ -366,40 +366,40 @@ function oe({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 				top: r
 			});
 		}
-	}), [g, T]), F(() => {
+	}), [g, w]), I(() => {
 		if (!g) return;
 		let e = Array.from(g.children).filter((e, t) => {
 			if (e.hasAttribute("aria-hidden")) return !1;
-			let n = `${D + t}`;
-			return e.setAttribute(ae, n), !0;
+			let n = `${E + t}`;
+			return e.setAttribute(ce, n), !0;
 		});
 		if (v) return l.observeRowElements(e);
 	}, [
 		g,
 		v,
 		l,
-		D,
+		E,
 		j
-	]), S(() => {
-		D >= 0 && j >= 0 && a && a({
-			startIndex: A,
+	]), C(() => {
+		E >= 0 && j >= 0 && a && a({
+			startIndex: O,
 			stopIndex: M
 		}, {
-			startIndex: D,
+			startIndex: E,
 			stopIndex: j
 		});
 	}, [
 		a,
-		D,
-		A,
+		E,
+		O,
 		j,
 		M
 	]);
-	let N = E(() => {
+	let N = D(() => {
 		let e = [];
-		if (c > 0) for (let t = D; t <= j; t++) {
-			let n = x(t);
-			e.push(/* @__PURE__ */ y(h, {
+		if (c > 0) for (let t = E; t <= j; t++) {
+			let n = y(t);
+			e.push(/* @__PURE__ */ b(h, {
 				...m,
 				ariaAttributes: {
 					"aria-posinset": t + 1,
@@ -420,21 +420,21 @@ function oe({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		return e;
 	}, [
 		h,
-		x,
+		y,
 		v,
 		c,
 		m,
-		D,
+		E,
 		j
-	]), P = /* @__PURE__ */ k("div", {
+	]), P = /* @__PURE__ */ A("div", {
 		"aria-hidden": !0,
 		style: {
-			height: C(),
+			height: S(),
 			width: "100%",
 			zIndex: -1
 		}
 	});
-	return y(d, {
+	return b(d, {
 		role: "list",
 		...p,
 		className: t,
@@ -450,152 +450,152 @@ function oe({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 }
 //#endregion
 //#region src/types/virtual-row.ts
-var Y = /* @__PURE__ */ function(e) {
+var q = /* @__PURE__ */ function(e) {
 	return e.Header = "header", e.Item = "item", e;
-}({}), X = /* @__PURE__ */ function(e) {
+}({}), J = /* @__PURE__ */ function(e) {
 	return e.All = "all", e.Pinned = "pinned", e.MyChats = "my-chats", e.Shared = "shared", e.Organization = "organization", e;
-}({}), se = (e) => `${60 + e * 23 % 35}%`, ce = (e, t) => e ? t ? "pe-9" : "pe-2 group-hover/conversation:pe-9" : "pe-3", le = (e, t) => t.rows[e].kind === Y.Item ? 36 : e === 0 ? 24 : 56, ue = (e) => {
+}({}), ue = (e) => `${60 + e * 23 % 35}%`, de = (e, t) => e ? t ? "pe-9" : "pe-2 group-hover/conversation:pe-9" : "pe-3", fe = (e, t) => t.rows[e].kind === q.Item ? 36 : e === 0 ? 24 : 56, pe = (e) => {
 	switch (e) {
-		case X.Shared: return X.Shared;
-		case X.Organization: return X.Organization;
-		default: return X.MyChats;
+		case J.Shared: return J.Shared;
+		case J.Organization: return J.Organization;
+		default: return J.MyChats;
 	}
-}, de = (e, t) => {
+}, me = (e, t) => {
 	let n = null;
-	for (let r of e) if (r.kind === Y.Header) n = r.groupKey;
+	for (let r of e) if (r.kind === q.Header) n = r.groupKey;
 	else if (r.item.id === t) return n;
 	return null;
-}, fe = (e, t, n) => {
+}, he = (e, t, n) => {
 	let r = /* @__PURE__ */ new Set();
-	if (t != null && r.add(t), t === X.Pinned) {
+	if (t != null && r.add(t), t === J.Pinned) {
 		let t = n.find((t) => t.id === e);
-		t && r.add(ue(t.source));
-	} else r.add(X.Pinned);
+		t && r.add(pe(t.source));
+	} else r.add(J.Pinned);
 	return r;
-}, pe = (e, t, n, r) => {
+}, ge = (e, t, n, r) => {
 	let i = e.currentTarget.getBoundingClientRect();
 	if (e.clientY >= i.top + i.height / 2) return t;
 	let a = null, o = !1;
-	for (let e of n) if (e.kind === Y.Header) o = e.groupKey === r;
+	for (let e of n) if (e.kind === q.Header) o = e.groupKey === r;
 	else if (o) {
 		if (e.item.id === t) return a;
 		a = e.item.id;
 	}
 	return null;
-}, me = {
+}, Y = {
 	tab: "_tab_1mi6x_1",
 	tabActive: "_tabActive_1mi6x_13"
-}, he = b(({ tabs: e, activeTabId: t, onTabChange: n, tabClassName: i = "dial-tiny-semi-text" }) => /* @__PURE__ */ k("div", {
+}, _e = x(({ tabs: e, activeTabId: t, onTabChange: n, tabClassName: i = "dial-tiny-semi-text" }) => /* @__PURE__ */ A("div", {
 	className: "flex flex-nowrap gap-1",
 	children: e.map((e) => {
 		let a = t === e.id;
-		return /* @__PURE__ */ k(_, {
+		return /* @__PURE__ */ A(_, {
 			label: e.label,
 			selected: a,
 			onClick: () => n(e.id),
-			className: r("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", i, me.tab, a && me.tabActive)
+			className: r("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", i, Y.tab, a && Y.tabActive)
 		}, e.id);
 	})
-})), ge = [
+})), ve = [
 	{
-		value: X.All,
+		value: J.All,
 		labelKey: "all"
 	},
 	{
-		value: X.MyChats,
+		value: J.MyChats,
 		labelKey: "myChats"
 	},
 	{
-		value: X.Shared,
+		value: J.Shared,
 		labelKey: "shared"
 	},
 	{
-		value: X.Organization,
+		value: J.Organization,
 		labelKey: "organization"
 	}
-], _e = b(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "dial-tiny-semi-text" }) => /* @__PURE__ */ k("div", {
+], ye = x(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "dial-tiny-semi-text" }) => /* @__PURE__ */ A("div", {
 	className: "mx-3 my-2",
-	children: /* @__PURE__ */ k(he, {
-		tabs: ge.map(({ value: e, labelKey: n }) => ({
+	children: /* @__PURE__ */ A(_e, {
+		tabs: ve.map(({ value: e, labelKey: n }) => ({
 			id: e,
 			label: t[n]
 		})),
 		activeTabId: e,
 		onTabChange: (e) => n(e),
-		tabClassName: r
+		tabClassName: y(r, "flex-1")
 	})
-})), ve = { button: "_button_1ggx8_1" }, ye = b(({ label: e, onClick: t, labelClassName: n = "dial-small-semi-text" }) => /* @__PURE__ */ k("div", {
+})), be = { button: "_button_1ggx8_1" }, xe = x(({ label: e, onClick: t, labelClassName: n = "dial-small-semi-text" }) => /* @__PURE__ */ A("div", {
 	className: "px-3 py-2",
-	children: /* @__PURE__ */ A("button", {
+	children: /* @__PURE__ */ j("button", {
 		onClick: t,
 		type: "button",
-		className: r("flex h-[36px] w-full cursor-pointer items-center justify-center gap-2 rounded-full px-3 py-1", ve.button),
-		children: [/* @__PURE__ */ k(P, {
+		className: r("flex h-[36px] w-full cursor-pointer items-center justify-center gap-2 rounded-full px-3 py-1", be.button),
+		children: [/* @__PURE__ */ A(F, {
 			size: 18,
 			stroke: 2,
 			className: "shrink-0"
-		}), /* @__PURE__ */ k("span", {
+		}), /* @__PURE__ */ A("span", {
 			className: n,
 			children: e
 		})]
 	})
-})), Z = {
+})), X = {
 	skeletonColor: "var(--cp-skeleton-color, var(--bg-layer-4, #d1dbea))",
-	header: "_header_dr0k7_1",
-	item: "_item_dr0k7_5",
-	itemActive: "_itemActive_dr0k7_11",
-	groupHeader: "_groupHeader_dr0k7_16",
-	dropZoneActive: "_dropZoneActive_dr0k7_20",
-	trigger: "_trigger_dr0k7_28",
-	triggerActive: "_triggerActive_dr0k7_28",
-	triggerIcon: "_triggerIcon_dr0k7_31"
-}, be = ({ 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: S, draggingId: C, dragOverId: w, allowedDropGroups: T, onDragStart: E, onDragEnd: j, onDragOver: M, onDragLeave: P, onDrop: F }) => {
-	let [I, ee] = O(!1), L = D(null), R = x((e) => {
-		ee(e), e && L.current && c?.(n, L.current);
-	}, [n, c]), z = s?.(n) ?? [], B = z.length > 0, V = n.isIconLoading ? /* @__PURE__ */ k(h, {
+	header: "_header_1nqh6_1",
+	item: "_item_1nqh6_5",
+	itemActive: "_itemActive_1nqh6_11",
+	groupHeader: "_groupHeader_1nqh6_16",
+	dropZoneActive: "_dropZoneActive_1nqh6_21",
+	trigger: "_trigger_1nqh6_29",
+	triggerActive: "_triggerActive_1nqh6_29",
+	triggerIcon: "_triggerIcon_1nqh6_32"
+}, Se = ({ 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 }) => {
+	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) ?? [], te = z.length > 0, B = n.isIconLoading ? /* @__PURE__ */ A(h, {
 		variant: g.Circular,
 		width: u.LG,
 		height: u.LG,
-		color: Z.skeletonColor,
+		color: X.skeletonColor,
 		"aria-hidden": !0
-	}) : /* @__PURE__ */ k(e, {
+	}) : /* @__PURE__ */ A(e, {
 		src: n.iconUrl,
 		size: u.LG,
 		initialsName: n.iconTooltip ?? "",
 		tooltip: n.iconTooltip,
 		badgeClassName: y
-	}), H = ce(B, I), U = b != null, W = x((e) => {
-		e.currentTarget.contains(e.relatedTarget) || P?.();
-	}, [P]), G = x((e) => {
-		if (!b || !S || !F) return;
+	}), V = de(te, I), H = b != null, U = S((e) => {
+		e.currentTarget.contains(e.relatedTarget) || N?.();
+	}, [N]), ne = S((e) => {
+		if (!b || !x || !F) return;
 		e.preventDefault();
-		let t = pe(e, n.id, S, b);
+		let t = ge(e, n.id, x, b);
 		F(n.id, b, t);
 	}, [
 		n.id,
-		S,
+		x,
 		b,
 		F
-	]), K = n.id === C, q = n.id === w, J = b != null && (T?.has(b) ?? !1), te = C != null;
-	return /* @__PURE__ */ A("li", {
-		className: r("group/conversation relative", K && "cursor-grabbing opacity-50", q && J && "rounded", q && J && Z.dropZoneActive, te && !K && !J && "cursor-not-allowed"),
-		draggable: U || void 0,
-		onDragStart: U ? () => E?.(n.id) : void 0,
-		onDragEnd: U ? j : void 0,
-		onDragOver: U ? (e) => {
+	]), W = n.id === C, G = n.id === w, K = b != null && (T?.has(b) ?? !1), re = C != null;
+	return /* @__PURE__ */ j("li", {
+		className: r("group/conversation relative", W && "cursor-grabbing opacity-50", G && K && "rounded", G && K && X.dropZoneActive, re && !W && !K && "cursor-not-allowed"),
+		draggable: H || void 0,
+		onDragStart: H ? () => E?.(n.id) : void 0,
+		onDragEnd: H ? D : void 0,
+		onDragOver: H ? (e) => {
 			e.preventDefault(), M?.(n.id);
 		} : void 0,
-		onDragLeave: U ? W : void 0,
-		onDrop: U ? G : void 0,
-		children: [/* @__PURE__ */ k("a", {
+		onDragLeave: H ? U : void 0,
+		onDrop: H ? ne : void 0,
+		children: [/* @__PURE__ */ A("a", {
 			href: n.href,
 			className: "contents",
 			onClick: (e) => {
 				n.href && (e.preventDefault(), a(n.id));
 			},
-			children: /* @__PURE__ */ k(d, {
-				iconBefore: V,
-				label: /* @__PURE__ */ k(t, {
+			children: /* @__PURE__ */ A(d, {
+				iconBefore: B,
+				label: /* @__PURE__ */ A(t, {
 					text: n.title,
 					query: o,
 					className: _,
@@ -605,33 +605,33 @@ var Y = /* @__PURE__ */ function(e) {
 				"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)
+				className: r("flex h-8 w-full items-center justify-start gap-2 rounded-xl py-2 ps-3", V, X.item, i && X.itemActive, I && X.itemActive)
 			})
-		}), B && /* @__PURE__ */ k("div", {
+		}), te && /* @__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__ */ k(f, {
+			children: /* @__PURE__ */ A(f, {
 				items: z,
-				onOpenChange: R,
+				onOpenChange: ee,
 				matchReferenceWidth: !1,
 				listClassName: "w-[140px] cp-dropdown-overlay",
-				children: /* @__PURE__ */ k(m, {
-					ref: L,
-					icon: /* @__PURE__ */ k(N, {
+				children: /* @__PURE__ */ A(m, {
+					ref: R,
+					icon: /* @__PURE__ */ A(P, {
 						size: u.SM,
-						className: Z.triggerIcon,
+						className: X.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)
+					className: r("flex items-center justify-center rounded", X.trigger, I && X.triggerActive)
 				})
 			})
 		})]
 	});
-}, xe = ({ 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 }) => {
+}, Ce = ({ 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__ */ A("button", {
+	return /* @__PURE__ */ j("button", {
 		type: "button",
 		"aria-expanded": t,
 		"aria-controls": i,
@@ -645,46 +645,46 @@ var Y = /* @__PURE__ */ function(e) {
 		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__ */ k(j, {
+		className: r("flex h-6 w-full items-center gap-1 rounded py-1 pe-3 text-start", a, X.groupHeader, s && X.dropZoneActive),
+		children: [t ? /* @__PURE__ */ A(M, {
 			stroke: .5,
 			size: 12,
 			className: "shrink-0",
 			"aria-hidden": !0
-		}) : /* @__PURE__ */ k(M, {
+		}) : /* @__PURE__ */ A(N, {
 			stroke: .5,
 			size: 12,
 			className: "shrink-0 rtl:scale-x-[-1]",
 			"aria-hidden": !0
-		}), /* @__PURE__ */ k(p, { text: e })]
+		}), /* @__PURE__ */ A(p, { text: e })]
 	});
-}, Se = ({ 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 }) => {
+}, we = ({ 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) {
-		let n = x.groupKey === X.Pinned;
-		return /* @__PURE__ */ k("div", {
+	if (x.kind === q.Header) {
+		let n = x.groupKey === J.Pinned;
+		return /* @__PURE__ */ A("div", {
 			role: "presentation",
 			style: t,
 			className: e === 0 ? "pt-0" : "pt-8",
-			children: /* @__PURE__ */ k(xe, {
+			children: /* @__PURE__ */ A(Ce, {
 				label: x.label,
 				isExpanded: r.has(x.groupKey),
 				onToggle: () => i(x.groupKey),
 				listId: a,
 				className: f?.groupHeaderClassName,
-				dropZoneGroupKey: n ? X.Pinned : void 0,
-				isDragOver: n && m === X.Pinned,
+				dropZoneGroupKey: n ? J.Pinned : void 0,
+				isDragOver: n && m === J.Pinned,
 				onDragOver: n ? v : void 0,
 				onDragLeave: n ? y : void 0,
 				onDrop: n ? b : void 0
 			})
 		});
 	}
-	return /* @__PURE__ */ k("div", {
+	return /* @__PURE__ */ A("div", {
 		role: "presentation",
 		style: t,
 		className: "pt-1",
-		children: /* @__PURE__ */ k(be, {
+		children: /* @__PURE__ */ A(Se, {
 			item: x.item,
 			isActive: x.item.id === o,
 			searchQuery: s,
@@ -706,42 +706,42 @@ var Y = /* @__PURE__ */ function(e) {
 			onDrop: b
 		})
 	});
-}, Ce = (e, t) => t === X.All ? !0 : e.source === t, we = (e, t) => t ? e.title.toLowerCase().includes(t.toLowerCase()) : !0, Te = new Set([
-	X.Pinned,
-	X.MyChats,
-	X.Shared,
-	X.Organization
-]), Ee = b(({ 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: w, activeFilter: T, onActiveFilterChange: j }) => {
-	let { colors: M, typography: N } = m ?? {}, { title: P, emptyLabel: F, noResultsLabel: I, loadingLabel: ee = "Loading conversations", newChatLabel: L, searchPlaceholder: R, searchClearLabel: z, filterLabels: B, groupLabels: V, actionsLabel: H, closeAriaLabel: U } = f, [W, G] = O(""), [K, q] = O(X.All);
-	S(() => {
-		T != null && (q(T), j?.(T));
+}, Te = (e, t) => t === J.All ? !0 : e.source === t, Ee = (e, t) => t ? e.title.toLowerCase().includes(t.toLowerCase()) : !0, De = new Set([
+	J.Pinned,
+	J.MyChats,
+	J.Shared,
+	J.Organization
+]), Z = 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 } = m ?? {}, { title: P, emptyLabel: F, noResultsLabel: I, loadingLabel: L = "Loading conversations", newChatLabel: R, searchPlaceholder: ee, searchClearLabel: z, filterLabels: te, groupLabels: B, actionsLabel: V, closeAriaLabel: H } = f, [U, ne] = k(""), [W, G] = k(J.All);
+	C(() => {
+		T != null && (G(T), E?.(T));
 	}, [T]);
-	let [J, te] = O(() => Te), [ne, re] = O(5), ie = C(), ae = D(null), ce = D(null), [ue, pe] = O(null), [me, he] = O(null), [ge, ve] = O(null), Z = D(null), be = D(null), xe = x(({ height: e }) => {
-		re(Math.ceil(e / 36 * 2));
-	}, []), Ee = x((e) => {
-		te((t) => {
+	let [K, re] = k(() => De), [ie, ae] = k(5), oe = w(), se = O(null), ce = O(null), [de, pe] = k(null), [ge, Y] = k(null), [_e, ve] = k(null), be = O(null), X = O(null), Se = S(({ height: e }) => {
+		ae(Math.ceil(e / 36 * 2));
+	}, []), Ce = S((e) => {
+		re((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), De = x(() => {
-		Z.current = null, be.current = null, pe(null), he(null), ve(null);
-	}, []), Oe = x((t, n) => {
-		let r = fe(t, de(n, t), e);
-		Z.current = t, be.current = r, pe(t), ve(r);
-	}, [e]), ke = x(() => {
-		De();
-	}, [De]), Ae = x((e) => {
-		he(e);
-	}, []), je = x(() => {
-		he(null);
-	}, []), Me = x((e, t, n) => {
-		let r = Z.current, i = be.current;
-		De(), r != null && r !== e && i?.has(t) && w?.({
+	}, []), Z = S(() => {
+		be.current = null, X.current = null, pe(null), Y(null), ve(null);
+	}, []), Oe = S((t, n) => {
+		let r = he(t, me(n, t), e);
+		be.current = t, X.current = r, pe(t), ve(r);
+	}, [e]), ke = S(() => {
+		Z();
+	}, [Z]), Ae = S((e) => {
+		Y(e);
+	}, []), je = S(() => {
+		Y(null);
+	}, []), Me = S((e, t, n) => {
+		let r = be.current, i = X.current;
+		Z(), r != null && r !== e && i?.has(t) && x?.({
 			draggedId: r,
 			targetGroupKey: t,
 			afterId: n
 		});
-	}, [De, w]), Ne = n({
+	}, [Z, x]), Ne = n({
 		"--cp-bg": M?.background,
 		"--sb-border": M?.border,
 		"--cp-item-hover": M?.itemHover,
@@ -763,60 +763,60 @@ var Y = /* @__PURE__ */ function(e) {
 		"--cp-trigger-icon": M?.triggerIcon,
 		"--cp-trigger-icon-idle": M?.triggerIconIdle,
 		"--cp-skeleton-color": M?.skeletonColor
-	}), Q = E(() => e.filter((e) => Ce(e, K) && we(e, W)), [
+	}), Q = D(() => e.filter((e) => Te(e, W) && Ee(e, U)), [
 		e,
-		K,
-		W
-	]), Pe = E(() => Q.filter((e) => e.isPinned), [Q]), Fe = E(() => Q.filter((e) => !e.isPinned && e.source !== X.Shared && e.source !== X.Organization), [Q]), Ie = E(() => Q.filter((e) => !e.isPinned && e.source === X.Shared), [Q]), Le = E(() => Q.filter((e) => !e.isPinned && e.source === X.Organization), [Q]), Re = E(() => [
+		W,
+		U
+	]), Pe = D(() => Q.filter((e) => e.isPinned), [Q]), Fe = D(() => Q.filter((e) => !e.isPinned && e.source !== J.Shared && e.source !== J.Organization), [Q]), Ie = D(() => Q.filter((e) => !e.isPinned && e.source === J.Shared), [Q]), Le = D(() => Q.filter((e) => !e.isPinned && e.source === J.Organization), [Q]), Re = D(() => [
 		{
-			key: X.Pinned,
-			label: V?.pinned ?? "Pinned",
+			key: J.Pinned,
+			label: B?.pinned ?? "Pinned",
 			items: Pe
 		},
 		{
-			key: X.MyChats,
-			label: V?.myChats ?? "My chats",
+			key: J.MyChats,
+			label: B?.myChats ?? "My chats",
 			items: Fe
 		},
 		{
-			key: X.Shared,
-			label: V?.shared ?? "Shared",
+			key: J.Shared,
+			label: B?.shared ?? "Shared",
 			items: Ie
 		},
 		{
-			key: X.Organization,
-			label: V?.organization ?? "Organization",
+			key: J.Organization,
+			label: B?.organization ?? "Organization",
 			items: Le
 		}
 	], [
-		V,
+		B,
 		Pe,
 		Fe,
 		Ie,
 		Le
-	]), $ = E(() => {
+	]), $ = D(() => {
 		let e = [];
 		for (let t of Re) if (t.items.length !== 0 && (e.push({
-			kind: Y.Header,
+			kind: q.Header,
 			groupKey: t.key,
 			label: t.label
-		}), J.has(t.key))) for (let n of t.items) e.push({
-			kind: Y.Item,
+		}), K.has(t.key))) for (let n of t.items) e.push({
+			kind: q.Item,
 			item: n,
 			groupKey: t.key
 		});
 		return e;
-	}, [Re, J]);
-	S(() => {
+	}, [Re, K]);
+	C(() => {
 		if (!d) return;
 		let e = Re.find((e) => e.items.some((e) => e.id === d))?.key;
-		if (e && !J.has(e)) {
-			te((t) => new Set(t).add(e));
+		if (e && !K.has(e)) {
+			re((t) => new Set(t).add(e));
 			return;
 		}
 		if (ce.current === d) return;
-		let t = $.findIndex((e) => e.kind === Y.Item && e.item.id === d);
-		t >= 0 && (ae.current?.scrollToRow({
+		let t = $.findIndex((e) => e.kind === q.Item && e.item.id === d);
+		t >= 0 && (se.current?.scrollToRow({
 			index: t,
 			align: "smart",
 			behavior: "smooth"
@@ -824,28 +824,28 @@ var Y = /* @__PURE__ */ function(e) {
 	}, [
 		d,
 		Re,
-		J,
+		K,
 		$
 	]);
-	let ze = E(() => ({
+	let ze = D(() => ({
 		rows: $,
-		expandedGroups: J,
-		onToggleGroup: Ee,
-		listId: ie,
+		expandedGroups: K,
+		onToggleGroup: Ce,
+		listId: oe,
 		activeConversationId: d,
-		searchQuery: W,
+		searchQuery: U,
 		onSelectConversation: u,
 		getActions: _,
 		onActionMenuOpen: v,
-		actionsLabel: H,
+		actionsLabel: V,
 		styles: {
 			groupHeaderClassName: N?.groupHeaderClassName,
 			itemTitleClassName: N?.itemTitleClassName,
 			itemIconBadgeClassName: m?.itemIconBadgeClassName
 		},
-		draggingId: ue,
-		dragOverId: me,
-		allowedDropGroups: ge,
+		draggingId: de,
+		dragOverId: ge,
+		allowedDropGroups: _e,
 		onDragStart: (e) => Oe(e, $),
 		onDragEnd: ke,
 		onDragOver: Ae,
@@ -853,34 +853,34 @@ var Y = /* @__PURE__ */ function(e) {
 		onDrop: Me
 	}), [
 		$,
-		J,
-		Ee,
-		ie,
+		K,
+		Ce,
+		oe,
 		d,
-		W,
+		U,
 		u,
 		_,
 		v,
-		H,
+		V,
 		N?.groupHeaderClassName,
 		N?.itemTitleClassName,
 		m?.itemIconBadgeClassName,
-		ue,
-		me,
+		de,
 		ge,
+		_e,
 		Oe,
 		ke,
 		Ae,
 		je,
 		Me
 	]), Be = e.length === 0, Ve = e.length > 0 && Q.length === 0;
-	return /* @__PURE__ */ A(c, {
+	return /* @__PURE__ */ j(c, {
 		isOpen: l,
 		orientation: s.Left,
 		title: P,
 		labels: {
 			ariaLabel: P,
-			closeLabel: U
+			closeLabel: H
 		},
 		onClose: y,
 		styles: {
@@ -897,52 +897,52 @@ var Y = /* @__PURE__ */ function(e) {
 		},
 		rightActions: b,
 		children: [
-			/* @__PURE__ */ k(ye, {
-				label: L,
+			/* @__PURE__ */ A(xe, {
+				label: R,
 				onClick: p,
 				labelClassName: N?.newChatLabelClassName
 			}),
-			/* @__PURE__ */ k(o, {
-				placeholder: R,
-				value: W,
-				onChange: G,
+			/* @__PURE__ */ A(o, {
+				placeholder: ee,
+				value: U,
+				onChange: ne,
 				clearLabel: z
 			}),
-			/* @__PURE__ */ k(_e, {
-				activeTab: K,
-				labels: B,
+			/* @__PURE__ */ A(ye, {
+				activeTab: W,
+				labels: te,
 				onChange: (e) => {
-					q(e), j?.(e);
+					G(e), E?.(e);
 				},
 				tabClassName: N?.tabClassName
 			}),
-			/* @__PURE__ */ k("span", {
+			/* @__PURE__ */ A("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: t ? ee : Be ? F : Ve ? I : ""
+				children: t ? L : Be ? F : Ve ? I : ""
 			}),
-			/* @__PURE__ */ k("div", {
+			/* @__PURE__ */ A("div", {
 				className: "flex-1 overflow-hidden px-2 py-1",
-				children: t ? /* @__PURE__ */ k("div", {
+				children: t ? /* @__PURE__ */ A("div", {
 					className: "flex flex-col gap-3 px-2 py-3",
-					children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ k(h, {
+					children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ A(h, {
 						avatar: { size: 24 },
-						showTitle: { width: se(t) },
+						showTitle: { width: ue(t) },
 						paragraph: !1,
 						active: !0,
 						color: "var(--bg-layer-4)"
 					}, t))
-				}) : Be ? /* @__PURE__ */ k(i, { label: F }) : Ve ? /* @__PURE__ */ k(a, { label: I }) : /* @__PURE__ */ k(oe, {
-					listRef: ae,
-					id: ie,
+				}) : Be ? /* @__PURE__ */ A(i, { label: F }) : Ve ? /* @__PURE__ */ A(a, { label: I }) : /* @__PURE__ */ A(le, {
+					listRef: se,
+					id: oe,
 					role: "list",
 					style: { height: "100%" },
-					rowComponent: Se,
+					rowComponent: we,
 					rowCount: $.length,
-					rowHeight: le,
-					overscanCount: ne,
-					onResize: xe,
+					rowHeight: fe,
+					overscanCount: ie,
+					onResize: Se,
 					rowProps: ze
 				})
 			})
@@ -950,4 +950,4 @@ var Y = /* @__PURE__ */ function(e) {
 	});
 });
 //#endregion
-export { Ee as ConversationPanel, X as FilterTab };
+export { Z as ConversationPanel, J as FilterTab };

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.0.0-dev.484",
+  "version": "1.0.0-dev.486",
   "license": "Apache-2.0",
   "type": "module",
   "main": "./index.js",
@@ -18,14 +18,14 @@
   },
   "dependencies": {
     "react-window": "^2.2.7",
-    "@epam/ai-dial-kit": "1.0.0-dev.484"
+    "@epam/ai-dial-kit": "1.0.0-dev.486"
   },
   "peerDependencies": {
     "react": "^19.0.0",
     "@tabler/icons-react": "^3.0.0",
-    "@epam/ai-dial-chat-shared": "1.0.0-dev.484",
+    "@epam/ai-dial-chat-shared": "1.0.0-dev.486",
     "@epam/ai-dial-ui-kit": "0.12.0-dev.28",
-    "@epam/ai-dial-sidebar": "1.0.0-dev.484"
+    "@epam/ai-dial-sidebar": "1.0.0-dev.486"
   },
   "repository": {
     "type": "git",