@epam/ai-dial-conversation-panel 1.1.0-dev.94 → 1.1.0-dev.99

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,CAuZxD,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,CAyZxD,CAAC"}

package/components/ConversationRow/ConversationRow.d.ts

@@ -23,6 +23,8 @@ export interface ConversationRowProps {
     itemTitleClassName?: string;
     /** CSS class applied to the icon badge. Defaults to `'rounded-full'`. */
     itemIconBadgeClassName?: string;
+    /** CSS class applied to the task pill badge (background, border, text color, and typography). Defaults to `'border-tertiary bg-layer-base text-secondary dial-caption-semi-text tracking-[0.6px]'`. */
+    taskBadgeClassName?: string;
     /** Group this row belongs to — required to enable drag-and-drop. */
     rowGroupKey?: FilterTab;
     /** The full virtual rows array — used to compute drop position. */

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

@@ -1 +1 @@
-{"version":3,"file":"ConversationRow.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationRow/ConversationRow.tsx"],"names":[],"mappings":"AACA,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,CA+KpD,CAAC"}
+{"version":3,"file":"ConversationRow.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationRow/ConversationRow.tsx"],"names":[],"mappings":"AACA,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,uMAAuM;IACvM,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,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,CA6LpD,CAAC"}

package/components/RowRenderer/RowRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RowRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/RowRenderer/RowRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,0BAA0B,CAAC;AAKhF,+FAA+F;AAC/F,eAAO,MAAM,WAAW,GAAI,iRAsBzB,iBAAiB,CAAC,eAAe,CAAC,4CAoDpC,CAAC"}
+{"version":3,"file":"RowRenderer.d.ts","sourceRoot":"","sources":["../../../src/components/RowRenderer/RowRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,KAAK,eAAe,EAAkB,MAAM,0BAA0B,CAAC;AAKhF,+FAA+F;AAC/F,eAAO,MAAM,WAAW,GAAI,iRAsBzB,iBAAiB,CAAC,eAAe,CAAC,4CAqDpC,CAAC"}

package/index.css

@@ -1,2 +1,2 @@
-._tabContainer_153ct_1{background-color:#0000;color:var(--text-tertiary,#c7cbd4)!important;border-color:#0000!important}._tabContainer_153ct_1:hover{background-color:#5c8dea0f;color:var(--text-secondary,#6b7280)!important}._tabContainer_153ct_1>span{text-align:center}._tabContainer_153ct_1._tabActive_153ct_13{background-color:#2764d912;color:var(--text-secondary,#6b7280)!important}._tabContainer_153ct_1._tabActive_153ct_13:hover{background-color:#5c8dea0f}.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_1uu0w_1{background:var(--cp-new-chat-bg,var(--bg-control-neutral,#fcfcfc));color:var(--cp-new-chat-text,var(--text-accent,#124ace))}._header_1wkgo_1,._item_1wkgo_5{color:var(--cp-text,var(--text-primary,#161b2d))}._item_1wkgo_5:hover{background:var(--cp-item-hover,var(--bg-layer-sunken,#eef1f7))}._item_1wkgo_5._itemActive_1wkgo_11{background:var(--cp-item-active,var(--bg-layer-sunken,#eef1f7));color:var(--cp-text,var(--text-primary,#161b2d))}._groupHeader_1wkgo_16{color:var(--cp-text-secondary,var(--text-tertiary,#c7cbd4))}._dropZoneActive_1wkgo_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-info,#124ace))}._triggerActive_1wkgo_25{background:var(--cp-trigger-bg,var(--bg-control-accent-alpha-active,#2764d933))}._triggerActive_1wkgo_25 ._triggerIcon_1wkgo_28{color:var(--cp-trigger-icon,var(--text-accent,#124ace))}._triggerIcon_1wkgo_28{color:var(--cp-trigger-icon-idle,var(--text-secondary,#6b7280))}
+._tabContainer_153ct_1{background-color:#0000;color:var(--text-tertiary,#c7cbd4)!important;border-color:#0000!important}._tabContainer_153ct_1:hover{background-color:#5c8dea0f;color:var(--text-secondary,#6b7280)!important}._tabContainer_153ct_1>span{text-align:center}._tabContainer_153ct_1._tabActive_153ct_13{background-color:#2764d912;color:var(--text-secondary,#6b7280)!important}._tabContainer_153ct_1._tabActive_153ct_13:hover{background-color:#5c8dea0f}.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-info,#124ace)!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-info,#124ace)!important;box-shadow:0 0 0 4px var(--bg-accent-primary-alpha,#7da4ff2e)!important}.dial-input-error{border-radius:.75rem!important}._button_1g5dd_1{background:var(--cp-new-chat-bg,var(--bg-control-neutral,#fcfcfc));color:var(--cp-new-chat-text,var(--text-accent,#1d4ed8))}._header_1oif0_1,._item_1oif0_5{color:var(--cp-text,var(--text-primary,#161b2d))}._item_1oif0_5:hover{background:var(--cp-item-hover,var(--bg-layer-sunken,#eef1f7))}._item_1oif0_5._itemActive_1oif0_11{background:var(--cp-item-active,var(--bg-layer-sunken,#eef1f7));color:var(--cp-text,var(--text-primary,#161b2d))}._groupHeader_1oif0_16{color:var(--cp-text-secondary,var(--text-tertiary,#c7cbd4))}._dropZoneActive_1oif0_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-info,#124ace))}._triggerActive_1oif0_25{background:var(--cp-trigger-bg,var(--bg-control-accent-alpha-active,#2764d933))}._triggerActive_1oif0_25 ._triggerIcon_1oif0_28{color:var(--cp-trigger-icon,var(--text-accent,#1d4ed8))}._triggerIcon_1oif0_28{color:var(--cp-trigger-icon-idle,var(--text-secondary,#6b7280))}
 /*$vite$:1*/

package/index.js

@@ -1,12 +1,12 @@
 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 { Button as c, DIAL_ICON_SIZE as l, DialDropdown as u, DialEllipsisTooltip as d, DialSkeleton as f, DialSkeletonVariant as p, DialTag as m, ElementSize as h, GhostIconButton as g, Highlight as _, mergeClasses as v } from "@epam/ai-dial-ui-kit";
-import { createElement as y, memo as b, useCallback as x, useEffect as S, useId as ee, useImperativeHandle as C, useLayoutEffect as w, useMemo as T, useRef as E, useState as D } from "react";
-import { jsx as O, jsxs as k } from "react/jsx-runtime";
-import { IconCaretDownFilled as A, IconCaretRightFilled as j, IconDotsVertical as M, IconPlus as N } from "@tabler/icons-react";
+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, IconClock as N, IconDotsVertical as P, IconPlus as F } from "@tabler/icons-react";
 //#region ../../node_modules/react-window/dist/react-window.js
-var P = typeof window < "u" ? w : S;
-function F(e) {
+var I = typeof window < "u" ? T : S;
+function L(e) {
 	if (e !== void 0) switch (typeof e) {
 		case "number": return e;
 		case "string":
@@ -14,15 +14,15 @@ function F(e) {
 			break;
 	}
 }
-function I({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
-	let { styleHeight: s, styleWidth: c } = T(() => ({
-		styleHeight: F(o?.height),
-		styleWidth: F(o?.width)
-	}), [o?.height, o?.width]), [l, u] = D({
+function ee({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i, mode: a, style: o }) {
+	let { styleHeight: s, styleWidth: c } = E(() => ({
+		styleHeight: L(o?.height),
+		styleWidth: L(o?.width)
+	}), [o?.height, o?.width]), [l, u] = O({
 		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 P(() => {
+	return I(() => {
 		if (i === null || d) return;
 		let t = new ResizeObserver((e) => {
 			for (let t of e) {
@@ -42,7 +42,7 @@ function I({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i,
 		i,
 		s,
 		c
-	]), T(() => ({
+	]), E(() => ({
 		height: s ?? l.height,
 		width: c ?? l.width
 	}), [
@@ -51,26 +51,26 @@ function I({ box: e, defaultHeight: t, defaultWidth: n, disabled: r, element: i,
 		c
 	]);
 }
-function te(e) {
-	let t = E(() => {
+function R(e) {
+	let t = D(() => {
 		throw Error("Cannot call during render.");
 	});
-	return P(() => {
+	return I(() => {
 		t.current = e;
 	}, [e]), x((e) => t.current?.(e), [t]);
 }
-var L = null;
-function R(e = !1) {
-	if (L === 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 ? L = "positive-descending" : (e.scrollLeft = 1, L = e.scrollLeft === 0 ? "negative" : "positive-ascending"), document.body.removeChild(e), L;
+		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 L;
+	return z;
 }
-function z({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
-	if (t === "horizontal" && n) switch (R()) {
+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 z({ containerElement: e, direction: t, isRtl: n, scrollOffset: r }) {
 	}
 	return r;
 }
-function B(e, t = "Assertion error") {
+function V(e, t = "Assertion error") {
 	if (!e) throw console.error(t), Error(t);
 }
-function V(e, t) {
+function H(e, t) {
 	if (e === t) return !0;
-	if (!!e != !!t || (B(e !== void 0), B(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 H({ cachedBounds: e, itemCount: t, itemSize: n }) {
+function ne({ 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 B(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 ne({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, containerScrollOffset: a, containerSize: o }) {
+function U({ 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 = H({
+	let s = ne({
 		cachedBounds: t,
 		itemCount: r,
 		itemSize: i
@@ -112,7 +112,7 @@ function ne({ align: e, cachedBounds: t, index: n, itemCount: r, itemSize: i, co
 		default: return a >= u && a <= l ? a : a < u ? u : l;
 	}
 }
-function U({ 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,11 +131,11 @@ function U({ cachedBounds: e, containerScrollOffset: t, containerSize: n, itemCo
 		stopIndexOverscan: l
 	};
 }
-function W({ itemCount: e, itemProps: t, itemSize: n }) {
+function G({ itemCount: e, itemProps: t, itemSize: n }) {
 	let r = /* @__PURE__ */ new Map();
 	return {
 		get(i) {
-			for (B(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 W({ itemCount: e, itemProps: t, itemSize: n }) {
 				});
 				else {
 					let t = r.get(e - 1);
-					B(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 B(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);
@@ -168,8 +168,8 @@ function W({ itemCount: e, itemProps: t, itemSize: n }) {
 		}
 	};
 }
-function G({ itemCount: e, itemProps: t, itemSize: n }) {
-	return T(() => W({
+function K({ itemCount: e, itemProps: t, itemSize: n }) {
+	return E(() => G({
 		itemCount: e,
 		itemProps: t,
 		itemSize: n
@@ -179,11 +179,11 @@ function G({ itemCount: e, itemProps: t, itemSize: n }) {
 		n
 	]);
 }
-function K({ containerSize: e, itemSize: t }) {
+function q({ containerSize: e, itemSize: t }) {
 	let n;
 	switch (typeof t) {
 		case "string":
-			B(t.endsWith("%"), `Invalid item size: "${t}"; string values must be percentages (e.g. "100%")`), B(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;
@@ -191,21 +191,21 @@ function K({ containerSize: e, itemSize: t }) {
 	}
 	return n;
 }
-function q({ 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 } = I({
+function J({ 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({
 		defaultHeight: r === "vertical" ? n : void 0,
 		defaultWidth: r === "horizontal" ? n : void 0,
 		element: e,
 		mode: r === "vertical" ? "only-height" : "only-width",
 		style: t
-	}), f = E({
+	}), f = D({
 		height: 0,
 		width: 0
-	}), p = r === "vertical" ? u : d, m = K({
+	}), p = r === "vertical" ? u : d, m = q({
 		containerSize: p,
 		itemSize: s
 	});
-	w(() => {
+	T(() => {
 		if (typeof c == "function") {
 			let e = f.current;
 			(e.height !== u || e.width !== d) && (c({
@@ -218,22 +218,22 @@ function q({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0
 		c,
 		d
 	]);
-	let h = G({
+	let h = K({
 		itemCount: a,
 		itemProps: o,
 		itemSize: m
-	}), g = x((e) => h.get(e), [h]), [_, v] = D(() => U({
+	}), g = x((e) => h.get(e), [h]), [_, v] = O(() => W({
 		cachedBounds: h,
 		containerScrollOffset: 0,
 		containerSize: p,
 		itemCount: a,
 		overscanCount: l
-	})), { startIndexVisible: y, startIndexOverscan: b, stopIndexVisible: S, stopIndexOverscan: ee } = {
+	})), { startIndexVisible: y, startIndexOverscan: b, stopIndexVisible: S, 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)
-	}, C = x(() => H({
+	}, w = x(() => ne({
 		cachedBounds: h,
 		itemCount: a,
 		itemSize: m
@@ -241,9 +241,9 @@ function q({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0
 		h,
 		a,
 		m
-	]), T = x((t) => U({
+	]), E = x((t) => W({
 		cachedBounds: h,
-		containerScrollOffset: z({
+		containerScrollOffset: B({
 			containerElement: e,
 			direction: r,
 			isRtl: i,
@@ -261,19 +261,19 @@ function q({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0
 		a,
 		l
 	]);
-	return P(() => {
-		v(T((r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0));
+	return I(() => {
+		v(E((r === "vertical" ? e?.scrollTop : e?.scrollLeft) ?? 0));
 	}, [
 		e,
 		r,
-		T
-	]), P(() => {
+		E
+	]), I(() => {
 		if (!e) return;
 		let t = () => {
 			v((t) => {
-				let { scrollLeft: n, scrollTop: o } = e, s = U({
+				let { scrollLeft: n, scrollTop: o } = e, s = W({
 					cachedBounds: h,
-					containerScrollOffset: z({
+					containerScrollOffset: B({
 						containerElement: e,
 						direction: r,
 						isRtl: i,
@@ -283,7 +283,7 @@ function q({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0
 					itemCount: a,
 					overscanCount: l
 				});
-				return V(s, t) ? t : s;
+				return H(s, t) ? t : s;
 			});
 		};
 		return e.addEventListener("scroll", t), () => {
@@ -298,9 +298,9 @@ function q({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0
 		l
 	]), {
 		getCellBounds: g,
-		getEstimatedSize: C,
-		scrollToIndex: te(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
-			let s = ne({
+		getEstimatedSize: w,
+		scrollToIndex: R(({ align: t = "auto", containerScrollOffset: n, index: o }) => {
+			let s = U({
 				align: t,
 				cachedBounds: h,
 				containerScrollOffset: n,
@@ -310,53 +310,53 @@ function q({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0
 				itemSize: m
 			});
 			if (e) {
-				if (s = z({
+				if (s = B({
 					containerElement: e,
 					direction: r,
 					isRtl: i,
 					scrollOffset: s
 				}), typeof e.scrollTo != "function") {
-					let e = T(s);
-					V(_, e) || v(e);
+					let e = E(s);
+					H(_, e) || v(e);
 				}
 				return s;
 			}
 		}),
 		startIndexOverscan: b,
 		startIndexVisible: y,
-		stopIndexOverscan: ee,
+		stopIndexOverscan: C,
 		stopIndexVisible: S
 	};
 }
 function re(e) {
-	return T(() => e, Object.values(e));
+	return E(() => e, Object.values(e));
 }
 function ie(e, t) {
 	let { ariaAttributes: n, style: r, ...i } = e, { ariaAttributes: a, style: o, ...s } = t;
-	return V(n, a) && V(r, o) && V(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";
 }
-var J = "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 = re(u), h = T(() => b(s, ie), [s]), [g, _] = D(null), v = ae(l), { getCellBounds: x, getEstimatedSize: ee, scrollToIndex: w, startIndexOverscan: E, startIndexVisible: k, stopIndexOverscan: A, stopIndexVisible: j } = q({
+var oe = "data-react-window-index";
+function se({ 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 = re(u), h = E(() => b(s, ie), [s]), [g, _] = O(null), v = ae(l), { getCellBounds: x, getEstimatedSize: C, scrollToIndex: T, startIndexOverscan: D, startIndexVisible: A, stopIndexOverscan: j, stopIndexVisible: M } = J({
 		containerElement: g,
 		containerStyle: f,
 		defaultContainerSize: n,
 		direction: "vertical",
 		itemCount: c,
 		itemProps: m,
-		itemSize: T(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
+		itemSize: E(() => v ? (e) => l.getRowHeight(e) ?? l.getAverageRowHeight() : l, [v, l]),
 		onResize: i,
 		overscanCount: o
 	});
-	C(r, () => ({
+	w(r, () => ({
 		get element() {
 			return g;
 		},
 		scrollToRow({ align: e = "auto", behavior: t = "auto", index: n }) {
-			let r = w({
+			let r = T({
 				align: e,
 				containerScrollOffset: g?.scrollTop ?? 0,
 				index: n
@@ -366,38 +366,38 @@ function oe({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 				top: r
 			});
 		}
-	}), [g, w]), P(() => {
+	}), [g, T]), I(() => {
 		if (!g) return;
 		let e = Array.from(g.children).filter((e, t) => {
 			if (e.hasAttribute("aria-hidden")) return !1;
-			let n = `${E + t}`;
-			return e.setAttribute(J, n), !0;
+			let n = `${D + t}`;
+			return e.setAttribute(oe, n), !0;
 		});
 		if (v) return l.observeRowElements(e);
 	}, [
 		g,
 		v,
 		l,
-		E,
-		A
+		D,
+		j
 	]), S(() => {
-		E >= 0 && A >= 0 && a && a({
-			startIndex: k,
-			stopIndex: j
+		D >= 0 && j >= 0 && a && a({
+			startIndex: A,
+			stopIndex: M
 		}, {
-			startIndex: E,
-			stopIndex: A
+			startIndex: D,
+			stopIndex: j
 		});
 	}, [
 		a,
-		E,
-		k,
+		D,
 		A,
-		j
+		j,
+		M
 	]);
-	let M = T(() => {
+	let N = E(() => {
 		let e = [];
-		if (c > 0) for (let t = E; t <= A; t++) {
+		if (c > 0) for (let t = D; t <= j; t++) {
 			let n = x(t);
 			e.push(/* @__PURE__ */ y(h, {
 				...m,
@@ -424,12 +424,12 @@ function oe({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 		v,
 		c,
 		m,
-		E,
-		A
-	]), N = /* @__PURE__ */ O("div", {
+		D,
+		j
+	]), P = /* @__PURE__ */ k("div", {
 		"aria-hidden": !0,
 		style: {
-			height: ee(),
+			height: C(),
 			width: "100%",
 			zIndex: -1
 		}
@@ -446,7 +446,7 @@ function oe({ children: e, className: t, defaultHeight: n = 0, listRef: r, onRes
 			overflowY: "auto",
 			...f
 		}
-	}, M, e, N);
+	}, N, e, P);
 }
 //#endregion
 //#region src/types/virtual-row.ts
@@ -454,25 +454,25 @@ var Y = /* @__PURE__ */ function(e) {
 	return e.Header = "header", e.Item = "item", e;
 }({}), X = /* @__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) => {
+}({}), ce = (e) => `${60 + e * 23 % 35}%`, le = (e, t) => e ? t ? "pe-9" : "pe-2 group-hover/conversation:pe-9" : "pe-3", ue = (e, t) => t.rows[e].kind === Y.Item ? 36 : e === 0 ? 24 : 56, de = (e) => {
 	switch (e) {
 		case X.Shared: return X.Shared;
 		case X.Organization: return X.Organization;
 		default: return X.MyChats;
 	}
-}, de = (e, t) => {
+}, fe = (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;
-}, fe = (e, t, n) => {
+}, pe = (e, t, n) => {
 	let r = /* @__PURE__ */ new Set();
 	if (t != null && r.add(t), t === X.Pinned) {
 		let t = n.find((t) => t.id === e);
-		t && r.add(ue(t.source));
+		t && r.add(de(t.source));
 	} else r.add(X.Pinned);
 	return r;
-}, pe = (e, t, n, r) => {
+}, me = (e, t, n, r) => {
 	let i = e.currentTarget.getBoundingClientRect();
 	if (e.clientY >= i.top + i.height / 2) return t;
 	let a = null, o = !1;
@@ -482,30 +482,30 @@ var Y = /* @__PURE__ */ function(e) {
 		a = e.item.id;
 	}
 	return null;
-}, me = {
+}, he = {
 	tabContainer: "_tabContainer_153ct_1",
 	tabActive: "_tabActive_153ct_13"
-}, he = b(({ tabs: e, activeTabId: t, onTabChange: r, styles: i }) => {
+}, ge = b(({ tabs: e, activeTabId: t, onTabChange: r, styles: i }) => {
 	let { tabClassName: a = "dial-tiny-semi-text" } = i?.typography ?? {};
-	return /* @__PURE__ */ O("div", {
+	return /* @__PURE__ */ k("div", {
 		className: "flex flex-nowrap gap-1",
 		role: "tablist",
 		children: e.map((e) => {
 			let i = t === e.id;
-			return /* @__PURE__ */ O("div", {
+			return /* @__PURE__ */ k("div", {
 				role: "tab",
 				"aria-selected": i,
 				className: "contents",
-				children: /* @__PURE__ */ O(m, {
+				children: /* @__PURE__ */ k(m, {
 					label: e.label,
 					selected: i,
 					onClick: () => r(e.id),
-					className: n("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", a, me.tabContainer, i && me.tabActive)
+					className: n("box-border h-auto shrink-0 justify-center rounded-full p-2 text-center", a, he.tabContainer, i && he.tabActive)
 				})
 			}, e.id);
 		})
 	});
-}), ge = [
+}), _e = [
 	{
 		value: X.All,
 		labelKey: "all"
@@ -522,10 +522,10 @@ var Y = /* @__PURE__ */ function(e) {
 		value: X.Organization,
 		labelKey: "organization"
 	}
-], _e = b(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "dial-tiny-semi-text" }) => /* @__PURE__ */ O("div", {
+], ve = b(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "dial-tiny-semi-text" }) => /* @__PURE__ */ k("div", {
 	className: "mx-3 my-2",
-	children: /* @__PURE__ */ O(he, {
-		tabs: ge.map(({ value: e, labelKey: n }) => ({
+	children: /* @__PURE__ */ k(ge, {
+		tabs: _e.map(({ value: e, labelKey: n }) => ({
 			id: e,
 			label: t[n]
 		})),
@@ -533,37 +533,37 @@ var Y = /* @__PURE__ */ function(e) {
 		onTabChange: (e) => n(e),
 		styles: { typography: { tabClassName: v(r, "flex-1") } }
 	})
-})), ve = { button: "_button_1uu0w_1" }, ye = b(({ label: e, onClick: r, labelClassName: i = "dial-small-semi-text", colors: a }) => /* @__PURE__ */ O("div", {
+})), ye = { button: "_button_1g5dd_1" }, be = b(({ label: e, onClick: r, labelClassName: i = "dial-small-semi-text", colors: a }) => /* @__PURE__ */ k("div", {
 	className: "px-3 py-2",
 	style: t({
 		"--cp-new-chat-bg": a?.background,
 		"--cp-new-chat-text": a?.text
 	}),
-	children: /* @__PURE__ */ k("button", {
+	children: /* @__PURE__ */ A("button", {
 		onClick: r,
 		type: "button",
-		className: n("flex h-[36px] w-full cursor-pointer items-center justify-center gap-2 rounded-full px-3 py-1 shadow-sm hover:shadow-md active:shadow-xs", ve.button),
-		children: [/* @__PURE__ */ O(N, {
+		className: n("flex h-[36px] w-full cursor-pointer items-center justify-center gap-2 rounded-full px-3 py-1 shadow-sm hover:shadow-md active:shadow-xs", ye.button),
+		children: [/* @__PURE__ */ k(F, {
 			size: 18,
 			stroke: 2,
 			className: "shrink-0"
-		}), /* @__PURE__ */ O("span", {
+		}), /* @__PURE__ */ k("span", {
 			className: i,
 			children: e
 		})]
 	})
 })), Z = {
 	skeletonColor: "var(--cp-skeleton-color, var(--bg-layer-4, #d1dbea))",
-	header: "_header_1wkgo_1",
-	item: "_item_1wkgo_5",
-	itemActive: "_itemActive_1wkgo_11",
-	groupHeader: "_groupHeader_1wkgo_16",
-	dropZoneActive: "_dropZoneActive_1wkgo_20",
-	triggerActive: "_triggerActive_1wkgo_25",
-	triggerIcon: "_triggerIcon_1wkgo_28"
-}, be = ({ 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 }) => {
+	header: "_header_1oif0_1",
+	item: "_item_1oif0_5",
+	itemActive: "_itemActive_1oif0_11",
+	groupHeader: "_groupHeader_1oif0_16",
+	dropZoneActive: "_dropZoneActive_1oif0_20",
+	triggerActive: "_triggerActive_1oif0_25",
+	triggerIcon: "_triggerIcon_1oif0_28"
+}, 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 f = o != null;
-	return /* @__PURE__ */ k("button", {
+	return /* @__PURE__ */ A("button", {
 		type: "button",
 		"aria-expanded": t,
 		"aria-controls": i,
@@ -578,106 +578,113 @@ var Y = /* @__PURE__ */ function(e) {
 			f && (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__ */ O(A, {
+		children: [t ? /* @__PURE__ */ k(j, {
 			stroke: .5,
 			size: 12,
 			className: "shrink-0",
 			"aria-hidden": !0
-		}) : /* @__PURE__ */ O(j, {
+		}) : /* @__PURE__ */ k(M, {
 			stroke: .5,
 			size: 12,
 			className: "shrink-0 rtl:scale-x-[-1]",
 			"aria-hidden": !0
-		}), /* @__PURE__ */ O(d, { text: e })]
+		}), /* @__PURE__ */ k(d, { text: e })]
 	});
-}, xe = ({ item: t, isActive: r, onSelectConversation: i, searchQuery: a = "", getActions: o, onActionMenuOpen: s, actionsLabel: d = "More actions", itemTitleClassName: m = "dial-small-text", itemIconBadgeClassName: v, rowGroupKey: y, rows: b, draggingId: S, dragOverId: ee, allowedDropGroups: C, onDragStart: w, onDragEnd: T, onDragOver: A, onDragLeave: j, onDrop: N }) => {
-	let [P, F] = D(!1), I = E(null), te = x((e) => {
-		F(e), e && I.current && s?.(t, I.current);
-	}, [t, s]), L = o?.(t) ?? [], R = L.length > 0, z = t.isIconLoading ? /* @__PURE__ */ O(f, {
+}, Se = ({ item: t, isActive: r, onSelectConversation: i, searchQuery: a = "", getActions: o, onActionMenuOpen: s, actionsLabel: d = "More actions", itemTitleClassName: m = "dial-small-text", itemIconBadgeClassName: v, taskBadgeClassName: y = "border-tertiary bg-layer-base text-secondary dial-caption-semi-text uppercase tracking-[0.6px]", rowGroupKey: b, rows: S, draggingId: C, dragOverId: w, allowedDropGroups: T, onDragStart: E, onDragEnd: j, onDragOver: M, onDragLeave: F, onDrop: I }) => {
+	let [L, ee] = O(!1), R = D(null), z = x((e) => {
+		ee(e), e && R.current && s?.(t, R.current);
+	}, [t, s]), te = o?.(t) ?? [], B = te.length > 0, V = t.isIconLoading ? /* @__PURE__ */ k(f, {
 		variant: p.Circular,
 		width: l.LG,
 		height: l.LG,
 		color: Z.skeletonColor,
 		"aria-hidden": !0
-	}) : /* @__PURE__ */ O(e, {
+	}) : /* @__PURE__ */ k(e, {
 		src: t.iconUrl,
 		size: l.LG,
 		initialsName: t.iconTooltip ?? "",
 		labels: { tooltip: t.iconTooltip },
 		styles: { badgeClassName: v }
-	}), B = ce(R, P), V = y != null, H = x((e) => {
-		e.currentTarget.contains(e.relatedTarget) || j?.();
-	}, [j]), ne = x((e) => {
-		if (!y || !b || !N) return;
+	}), H = le(B, L), ne = t.showTaskBadge ? /* @__PURE__ */ A("span", {
+		className: n("flex h-5 shrink-0 items-center justify-center gap-0.5 rounded-full border pe-2 ps-1", y),
+		children: [/* @__PURE__ */ k(N, {
+			size: 12,
+			"aria-hidden": !0
+		}), t.taskBadgeLabel]
+	}) : void 0, U = b != null, W = x((e) => {
+		e.currentTarget.contains(e.relatedTarget) || F?.();
+	}, [F]), G = x((e) => {
+		if (!b || !S || !I) return;
 		e.preventDefault();
-		let n = pe(e, t.id, b, y);
-		N(t.id, y, n);
+		let n = me(e, t.id, S, b);
+		I(t.id, b, n);
 	}, [
 		t.id,
+		S,
 		b,
-		y,
-		N
-	]), U = t.id === S, W = t.id === ee, G = y != null && (C?.has(y) ?? !1), K = S != null;
-	return /* @__PURE__ */ k("li", {
-		className: n("group/conversation relative", U && "cursor-grabbing opacity-50", W && G && "rounded", W && G && Z.dropZoneActive, K && !U && !G && "cursor-not-allowed"),
-		draggable: V || void 0,
-		onDragStart: V ? () => w?.(t.id) : void 0,
-		onDragEnd: V ? T : void 0,
-		onDragOver: V ? (e) => {
-			e.preventDefault(), A?.(t.id);
+		I
+	]), K = t.id === C, q = t.id === w, J = b != null && (T?.has(b) ?? !1), re = C != null;
+	return /* @__PURE__ */ A("li", {
+		className: n("group/conversation relative", K && "cursor-grabbing opacity-50", q && J && "rounded", q && J && Z.dropZoneActive, re && !K && !J && "cursor-not-allowed"),
+		draggable: U || void 0,
+		onDragStart: U ? () => E?.(t.id) : void 0,
+		onDragEnd: U ? j : void 0,
+		onDragOver: U ? (e) => {
+			e.preventDefault(), M?.(t.id);
 		} : void 0,
-		onDragLeave: V ? H : void 0,
-		onDrop: V ? ne : void 0,
-		children: [/* @__PURE__ */ O("a", {
+		onDragLeave: U ? W : void 0,
+		onDrop: U ? G : void 0,
+		children: [/* @__PURE__ */ k("a", {
 			href: t.href,
 			className: "contents",
 			onClick: (e) => {
 				t.href && (e.preventDefault(), i(t.id));
 			},
-			children: /* @__PURE__ */ O(c, {
-				iconBefore: z,
-				label: /* @__PURE__ */ O(_, {
+			children: /* @__PURE__ */ k(c, {
+				iconBefore: V,
+				label: /* @__PURE__ */ k(_, {
 					text: t.title,
 					query: a,
 					className: m,
 					maxLines: 1
 				}),
-				textClassName: "min-w-0",
+				iconAfter: ne,
+				textClassName: "min-w-0 flex-1",
 				"aria-current": r ? "page" : void 0,
 				onClick: t.href ? void 0 : () => i(t.id),
 				tabIndex: t.href ? -1 : void 0,
-				className: n("h-8 w-full justify-start gap-2 rounded-xl py-2 ps-3", B, Z.item, r && Z.itemActive, P && Z.itemActive)
+				className: n("h-8 w-full justify-start gap-2 rounded-xl py-2 ps-3", H, Z.item, r && Z.itemActive, L && Z.itemActive)
 			})
-		}), R && /* @__PURE__ */ O("div", {
-			className: n("absolute inset-y-0 end-1 flex items-center", P ? "opacity-100" : "opacity-0 group-focus-within/conversation:opacity-100 group-hover/conversation:opacity-100"),
-			children: /* @__PURE__ */ O(u, {
-				items: L,
-				onOpenChange: te,
+		}), B && /* @__PURE__ */ k("div", {
+			className: n("absolute inset-y-0 end-1 flex items-center", L ? "opacity-100" : "opacity-0 group-focus-within/conversation:opacity-100 group-hover/conversation:opacity-100"),
+			children: /* @__PURE__ */ k(u, {
+				items: te,
+				onOpenChange: z,
 				matchReferenceWidth: !1,
 				listClassName: "w-[140px] cp-dropdown-overlay",
-				children: /* @__PURE__ */ O(g, {
-					ref: I,
-					icon: /* @__PURE__ */ O(M, {
+				children: /* @__PURE__ */ k(g, {
+					ref: R,
+					icon: /* @__PURE__ */ k(P, {
 						size: l.SM,
 						className: Z.triggerIcon,
 						"aria-hidden": !0
 					}),
 					size: h.Small,
 					"aria-label": d,
-					className: n(P && Z.triggerActive)
+					className: n(L && Z.triggerActive)
 				})
 			})
 		})]
 	});
-}, 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 }) => {
+}, 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) {
 		let n = x.groupKey === X.Pinned;
-		return /* @__PURE__ */ O("div", {
+		return /* @__PURE__ */ k("div", {
 			role: "presentation",
 			style: t,
 			className: e === 0 ? "pt-0" : "pt-8",
-			children: /* @__PURE__ */ O(be, {
+			children: /* @__PURE__ */ k(xe, {
 				label: x.label,
 				isExpanded: r.has(x.groupKey),
 				onToggle: () => i(x.groupKey),
@@ -691,11 +698,11 @@ var Y = /* @__PURE__ */ function(e) {
 			})
 		});
 	}
-	return /* @__PURE__ */ O("div", {
+	return /* @__PURE__ */ k("div", {
 		role: "presentation",
 		style: t,
 		className: "pt-1",
-		children: /* @__PURE__ */ O(xe, {
+		children: /* @__PURE__ */ k(Se, {
 			item: x.item,
 			isActive: x.item.id === o,
 			searchQuery: s,
@@ -705,6 +712,7 @@ var Y = /* @__PURE__ */ function(e) {
 			actionsLabel: d,
 			itemTitleClassName: f?.itemTitleClassName,
 			itemIconBadgeClassName: f?.itemIconBadgeClassName,
+			taskBadgeClassName: f?.taskBadgeClassName,
 			rowGroupKey: x.groupKey,
 			rows: n,
 			draggingId: p,
@@ -717,28 +725,28 @@ 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([
+}, we = (e, t) => t === X.All ? !0 : e.source === t, Te = (e, t) => t ? e.title.toLowerCase().includes(t.toLowerCase()) : !0, Ee = new Set([
 	X.Pinned,
 	X.MyChats,
 	X.Shared,
 	X.Organization
-]), Ee = b(({ conversations: e, isLoading: c, isOpen: l, onSelectConversation: u, activeConversationId: d, labels: p, onNewChat: m, styles: h, className: g, getActions: _, onActionMenuOpen: v, onToggle: y, headerActions: b, onMoveConversation: C, activeFilter: w, onActiveFilterChange: A }) => {
-	let { colors: j, typography: M, newChatButton: N } = h ?? {}, { title: P, emptyLabel: F, noResultsLabel: I, loadingLabel: te = "Loading conversations", newChatLabel: L, searchPlaceholder: R, searchClearLabel: z, filterLabels: B, groupLabels: V, actionsLabel: H, closeAriaLabel: ne } = p, [U, W] = D(""), [G, K] = D(X.All);
+]), De = b(({ conversations: e, isLoading: c, isOpen: l, onSelectConversation: u, activeConversationId: d, labels: p, onNewChat: m, styles: h, className: g, getActions: _, onActionMenuOpen: v, onToggle: y, headerActions: b, onMoveConversation: w, activeFilter: T, onActiveFilterChange: j }) => {
+	let { colors: M, typography: N, newChatButton: P } = h ?? {}, { title: F, emptyLabel: I, noResultsLabel: L, loadingLabel: ee = "Loading conversations", newChatLabel: R, searchPlaceholder: z, searchClearLabel: te, filterLabels: B, groupLabels: V, actionsLabel: H, closeAriaLabel: ne } = p, [U, W] = O(""), [G, K] = O(X.All);
 	S(() => {
-		w != null && K(w);
-	}, [w]);
-	let [q, re] = D(() => Te), [ie, ae] = D(5), J = ee(), ce = E(null), ue = E(null), [pe, me] = D(null), [he, ge] = D(null), [ve, be] = D(null), xe = E(null), Ee = E(null), De = x(({ height: e }) => {
-		ae(Math.ceil(e / 36 * 2));
+		T != null && K(T);
+	}, [T]);
+	let [q, J] = O(() => Ee), [re, ie] = O(5), ae = C(), oe = D(null), le = D(null), [de, me] = O(null), [he, ge] = O(null), [_e, ye] = O(null), xe = D(null), Se = D(null), De = x(({ height: e }) => {
+		ie(Math.ceil(e / 36 * 2));
 	}, []), Oe = x((e) => {
-		re((t) => {
+		J((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
 	}, []), ke = x(() => {
-		xe.current = null, Ee.current = null, me(null), ge(null), be(null);
+		xe.current = null, Se.current = null, me(null), ge(null), ye(null);
 	}, []), Ae = x((t, n) => {
-		let r = fe(t, de(n, t), e);
-		xe.current = t, Ee.current = r, me(t), be(r);
+		let r = pe(t, fe(n, t), e);
+		xe.current = t, Se.current = r, me(t), ye(r);
 	}, [e]), je = x(() => {
 		ke();
 	}, [ke]), Me = x((e) => {
@@ -746,31 +754,31 @@ var Y = /* @__PURE__ */ function(e) {
 	}, []), Ne = x(() => {
 		ge(null);
 	}, []), Pe = x((e, t, n) => {
-		let r = xe.current, i = Ee.current;
-		ke(), r != null && r !== e && i?.has(t) && C?.({
+		let r = xe.current, i = Se.current;
+		ke(), r != null && r !== e && i?.has(t) && w?.({
 			draggedId: r,
 			targetGroupKey: t,
 			afterId: n
 		});
-	}, [ke, C]), Fe = t({
-		"--cp-bg": j?.background,
-		"--sb-border": j?.border,
-		"--cp-item-hover": j?.itemHover,
-		"--cp-item-active": j?.itemActive,
-		"--cp-text": j?.text,
-		"--cp-text-secondary": j?.textSecondary,
-		"--cp-new-chat-bg": N?.background,
-		"--cp-new-chat-text": N?.text,
-		"--cp-drop-zone-ring": j?.dropZoneRing,
-		"--cp-trigger-bg": j?.triggerBackground,
-		"--cp-trigger-icon": j?.triggerIcon,
-		"--cp-trigger-icon-idle": j?.triggerIconIdle,
-		"--cp-skeleton-color": j?.skeletonColor
-	}), Q = T(() => e.filter((e) => Ce(e, G) && we(e, U)), [
+	}, [ke, w]), Fe = t({
+		"--cp-bg": M?.background,
+		"--sb-border": M?.border,
+		"--cp-item-hover": M?.itemHover,
+		"--cp-item-active": M?.itemActive,
+		"--cp-text": M?.text,
+		"--cp-text-secondary": M?.textSecondary,
+		"--cp-new-chat-bg": P?.background,
+		"--cp-new-chat-text": P?.text,
+		"--cp-drop-zone-ring": M?.dropZoneRing,
+		"--cp-trigger-bg": M?.triggerBackground,
+		"--cp-trigger-icon": M?.triggerIcon,
+		"--cp-trigger-icon-idle": M?.triggerIconIdle,
+		"--cp-skeleton-color": M?.skeletonColor
+	}), Q = E(() => e.filter((e) => we(e, G) && Te(e, U)), [
 		e,
 		G,
 		U
-	]), Ie = T(() => Q.filter((e) => e.isPinned), [Q]), Le = T(() => Q.filter((e) => !e.isPinned && e.source !== X.Shared && e.source !== X.Organization), [Q]), Re = T(() => Q.filter((e) => !e.isPinned && e.source === X.Shared), [Q]), ze = T(() => Q.filter((e) => !e.isPinned && e.source === X.Organization), [Q]), Be = T(() => [
+	]), Ie = E(() => Q.filter((e) => e.isPinned), [Q]), Le = E(() => Q.filter((e) => !e.isPinned && e.source !== X.Shared && e.source !== X.Organization), [Q]), Re = E(() => Q.filter((e) => !e.isPinned && e.source === X.Shared), [Q]), ze = E(() => Q.filter((e) => !e.isPinned && e.source === X.Organization), [Q]), Be = E(() => [
 		{
 			key: X.Pinned,
 			label: V?.pinned ?? "Pinned",
@@ -797,7 +805,7 @@ var Y = /* @__PURE__ */ function(e) {
 		Le,
 		Re,
 		ze
-	]), $ = T(() => {
+	]), $ = E(() => {
 		let e = [];
 		for (let t of Be) if (t.items.length !== 0 && (e.push({
 			kind: Y.Header,
@@ -811,24 +819,24 @@ var Y = /* @__PURE__ */ function(e) {
 		return e;
 	}, [Be, q]);
 	S(() => {
-		if (!d || ue.current === d) return;
+		if (!d || le.current === d) return;
 		let e = $.findIndex((e) => e.kind === Y.Item && e.item.id === d);
-		e >= 0 && (ce.current?.scrollToRow({
+		e >= 0 && (oe.current?.scrollToRow({
 			index: e,
 			align: "smart",
 			behavior: "smooth"
-		}), ue.current = d);
+		}), le.current = d);
 	}, [
 		d,
 		Be,
 		q,
 		$
 	]);
-	let Ve = T(() => ({
+	let Ve = E(() => ({
 		rows: $,
 		expandedGroups: q,
 		onToggleGroup: Oe,
-		listId: J,
+		listId: ae,
 		activeConversationId: d,
 		searchQuery: U,
 		onSelectConversation: u,
@@ -836,13 +844,14 @@ var Y = /* @__PURE__ */ function(e) {
 		onActionMenuOpen: v,
 		actionsLabel: H,
 		styles: {
-			groupHeaderClassName: M?.groupHeaderClassName,
-			itemTitleClassName: M?.itemTitleClassName,
-			itemIconBadgeClassName: h?.itemIconBadgeClassName
+			groupHeaderClassName: N?.groupHeaderClassName,
+			itemTitleClassName: N?.itemTitleClassName,
+			itemIconBadgeClassName: h?.itemIconBadgeClassName,
+			taskBadgeClassName: h?.taskBadgeClassName
 		},
-		draggingId: pe,
+		draggingId: de,
 		dragOverId: he,
-		allowedDropGroups: ve,
+		allowedDropGroups: _e,
 		onDragStart: (e) => Ae(e, $),
 		onDragEnd: je,
 		onDragOver: Me,
@@ -852,96 +861,97 @@ var Y = /* @__PURE__ */ function(e) {
 		$,
 		q,
 		Oe,
-		J,
+		ae,
 		d,
 		U,
 		u,
 		_,
 		v,
 		H,
-		M?.groupHeaderClassName,
-		M?.itemTitleClassName,
+		N?.groupHeaderClassName,
+		N?.itemTitleClassName,
 		h?.itemIconBadgeClassName,
-		pe,
+		h?.taskBadgeClassName,
+		de,
 		he,
-		ve,
+		_e,
 		Ae,
 		je,
 		Me,
 		Ne,
 		Pe
 	]), He = e.length === 0, Ue = e.length > 0 && Q.length === 0;
-	return /* @__PURE__ */ k(s, {
+	return /* @__PURE__ */ A(s, {
 		isOpen: l,
 		orientation: o.Left,
-		title: P,
+		title: F,
 		labels: {
-			ariaLabel: P,
+			ariaLabel: F,
 			closeLabel: ne
 		},
 		onClose: y,
 		styles: {
 			colors: {
-				background: j?.background,
-				border: j?.border
+				background: M?.background,
+				border: M?.border
 			},
-			typography: { fontClassName: M?.fontClassName },
+			typography: { fontClassName: N?.fontClassName },
 			bodyClassName: "flex flex-col overflow-hidden p-0 gap-3",
 			cssVars: Fe,
-			titleClassName: M?.fontClassName,
+			titleClassName: N?.fontClassName,
 			headerClassName: "h-[64px]",
 			className: n(l ? "w-[325px] border-s border-e mobile:w-full" : "w-0", g)
 		},
 		rightActions: b,
 		children: [
-			/* @__PURE__ */ O(ye, {
-				label: L,
+			/* @__PURE__ */ k(be, {
+				label: R,
 				onClick: m,
-				labelClassName: M?.newChatLabelClassName,
-				colors: N
+				labelClassName: N?.newChatLabelClassName,
+				colors: P
 			}),
-			/* @__PURE__ */ O(a, {
+			/* @__PURE__ */ k(a, {
 				value: U,
 				onChange: W,
 				labels: {
-					placeholder: R,
-					clearLabel: z
+					placeholder: z,
+					clearLabel: te
 				}
 			}),
-			/* @__PURE__ */ O(_e, {
+			/* @__PURE__ */ k(ve, {
 				activeTab: G,
 				labels: B,
 				onChange: (e) => {
-					K(e), A?.(e);
+					K(e), j?.(e);
 				},
-				tabClassName: M?.tabClassName
+				tabClassName: N?.tabClassName
 			}),
-			/* @__PURE__ */ O("span", {
+			/* @__PURE__ */ k("span", {
 				role: "status",
 				"aria-live": "polite",
 				className: "sr-only",
-				children: c ? te : He ? F : Ue ? I : ""
+				children: c ? ee : He ? I : Ue ? L : ""
 			}),
-			/* @__PURE__ */ O("div", {
+			/* @__PURE__ */ k("div", {
 				className: "flex-1 overflow-hidden px-2 py-1",
-				children: c ? /* @__PURE__ */ O("div", {
+				children: c ? /* @__PURE__ */ k("div", {
 					className: "flex flex-col gap-3 px-2 py-3",
-					children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ O(f, {
+					children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ k(f, {
 						avatar: { size: 24 },
-						showTitle: { width: se(t) },
+						showTitle: { width: ce(t) },
 						paragraph: !1,
 						active: !0,
 						color: Z.skeletonColor
 					}, t))
-				}) : He ? /* @__PURE__ */ O(r, { label: F }) : Ue ? /* @__PURE__ */ O(i, { label: I }) : /* @__PURE__ */ O(oe, {
-					listRef: ce,
-					id: J,
+				}) : He ? /* @__PURE__ */ k(r, { label: I }) : Ue ? /* @__PURE__ */ k(i, { label: L }) : /* @__PURE__ */ k(se, {
+					listRef: oe,
+					id: ae,
 					role: "list",
 					style: { height: "100%" },
-					rowComponent: Se,
+					rowComponent: Ce,
 					rowCount: $.length,
-					rowHeight: le,
-					overscanCount: ie,
+					rowHeight: ue,
+					overscanCount: re,
 					onResize: De,
 					rowProps: Ve
 				})
@@ -950,4 +960,4 @@ var Y = /* @__PURE__ */ function(e) {
 	});
 });
 //#endregion
-export { Ee as ConversationPanel, X as FilterTab };
+export { De as ConversationPanel, X as FilterTab };

package/models/panel-props.d.ts

@@ -30,6 +30,10 @@ export interface ConversationItem {
     isIconLoading?: boolean;
     /** Conversation URL. When provided, middle-click opens it in a new tab. */
     href?: string;
+    /** When `true`, a "TASK" pill badge is rendered at the end of the row. */
+    showTaskBadge?: boolean;
+    /** Text shown inside the task badge. When `showTaskBadge` is `true` and this is omitted, the badge renders with no text. */
+    taskBadgeLabel?: string;
 }
 /** Font overrides for the header title in `ConversationPanel`. */
 export interface ConversationPanelTypography {
@@ -86,6 +90,8 @@ export interface ConversationPanelStyles {
     typography?: ConversationPanelTypography;
     /** CSS class applied to the icon badge in each conversation row. Defaults to `'rounded-full'`. */
     itemIconBadgeClassName?: string;
+    /** CSS class applied to the task pill badge in each conversation row (background, border, text color, and typography). Defaults to `'border-tertiary bg-layer-base text-secondary dial-caption-semi-text uppercase tracking-[0.6px]'`. */
+    taskBadgeClassName?: string;
 }
 /** Localised labels and text content for `ConversationPanel`. */
 export interface ConversationPanelLabels {

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/models/virtual-row.d.ts

@@ -31,6 +31,8 @@ export interface RowStyles {
     itemTitleClassName?: string;
     /** CSS class applied to the icon badge in each conversation row. */
     itemIconBadgeClassName?: string;
+    /** CSS class applied to the task pill badge in each conversation row. */
+    taskBadgeClassName?: string;
 }
 /** Data passed to every virtual row renderer via `react-window`'s `rowProps`. */
 export interface RowRendererData {

package/models/virtual-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"virtual-row.d.ts","sourceRoot":"","sources":["../../src/models/virtual-row.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,0DAA0D;AAC1D,MAAM,WAAW,cAAc;IAC7B,wBAAwB;IACxB,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;IAC5B,qDAAqD;IACrD,QAAQ,EAAE,SAAS,CAAC;IACpB,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,0DAA0D;AAC1D,MAAM,WAAW,mBAAmB;IAClC,wBAAwB;IACxB,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC;IAC1B,kCAAkC;IAClC,IAAI,EAAE,gBAAgB,CAAC;IACvB,0EAA0E;IAC1E,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,gDAAgD;AAChD,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,mBAAmB,CAAC;AAE9D,kEAAkE;AAClE,MAAM,WAAW,SAAS;IACxB,wDAAwD;IACxD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oEAAoE;IACpE,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,iFAAiF;AACjF,MAAM,WAAW,eAAe;IAC9B,4DAA4D;IAC5D,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,qDAAqD;IACrD,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC5B,qDAAqD;IACrD,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,iGAAiG;IACjG,MAAM,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,+EAA+E;IAC/E,WAAW,EAAE,MAAM,CAAC;IACpB,uDAAuD;IACvD,oBAAoB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,uDAAuD;IACvD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,YAAY,EAAE,CAAC;IACxD,2CAA2C;IAC3C,gBAAgB,CAAC,EAAE,CACjB,IAAI,EAAE,gBAAgB,EACtB,OAAO,EAAE,iBAAiB,KACvB,IAAI,CAAC;IACV,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kEAAkE;IAClE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,0FAA0F;IAC1F,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,qFAAqF;IACrF,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,mGAAmG;IACnG,iBAAiB,EAAE,GAAG,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IACzC,+DAA+D;IAC/D,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,kDAAkD;IAClD,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,gDAAgD;IAChD,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,gDAAgD;IAChD,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,4EAA4E;IAC5E,MAAM,EAAE,CACN,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,SAAS,EACzB,OAAO,EAAE,MAAM,GAAG,IAAI,KACnB,IAAI,CAAC;CACX"}
+{"version":3,"file":"virtual-row.d.ts","sourceRoot":"","sources":["../../src/models/virtual-row.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,0DAA0D;AAC1D,MAAM,WAAW,cAAc;IAC7B,wBAAwB;IACxB,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC;IAC5B,qDAAqD;IACrD,QAAQ,EAAE,SAAS,CAAC;IACpB,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,0DAA0D;AAC1D,MAAM,WAAW,mBAAmB;IAClC,wBAAwB;IACxB,IAAI,EAAE,cAAc,CAAC,IAAI,CAAC;IAC1B,kCAAkC;IAClC,IAAI,EAAE,gBAAgB,CAAC;IACvB,0EAA0E;IAC1E,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,gDAAgD;AAChD,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,mBAAmB,CAAC;AAE9D,kEAAkE;AAClE,MAAM,WAAW,SAAS;IACxB,wDAAwD;IACxD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oEAAoE;IACpE,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,yEAAyE;IACzE,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,iFAAiF;AACjF,MAAM,WAAW,eAAe;IAC9B,4DAA4D;IAC5D,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,qDAAqD;IACrD,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC5B,qDAAqD;IACrD,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,iGAAiG;IACjG,MAAM,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,+EAA+E;IAC/E,WAAW,EAAE,MAAM,CAAC;IACpB,uDAAuD;IACvD,oBAAoB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,uDAAuD;IACvD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,YAAY,EAAE,CAAC;IACxD,2CAA2C;IAC3C,gBAAgB,CAAC,EAAE,CACjB,IAAI,EAAE,gBAAgB,EACtB,OAAO,EAAE,iBAAiB,KACvB,IAAI,CAAC;IACV,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kEAAkE;IAClE,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,0FAA0F;IAC1F,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,qFAAqF;IACrF,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,mGAAmG;IACnG,iBAAiB,EAAE,GAAG,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IACzC,+DAA+D;IAC/D,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,kDAAkD;IAClD,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,gDAAgD;IAChD,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,gDAAgD;IAChD,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,4EAA4E;IAC5E,MAAM,EAAE,CACN,QAAQ,EAAE,MAAM,EAChB,cAAc,EAAE,SAAS,EACzB,OAAO,EAAE,MAAM,GAAG,IAAI,KACnB,IAAI,CAAC;CACX"}

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.94",
+  "version": "1.1.0-dev.99",
   "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.94",
+    "@epam/ai-dial-kit": "1.1.0-dev.99",
     "@epam/ai-dial-ui-kit": "^0.13.0-dev.26"
   },
   "peerDependencies": {
     "react": "^19.0.0",
     "@tabler/icons-react": "^3.0.0",
-    "@epam/ai-dial-chat-shared": "1.1.0-dev.94",
-    "@epam/ai-dial-sidebar": "1.1.0-dev.94"
+    "@epam/ai-dial-chat-shared": "1.1.0-dev.99",
+    "@epam/ai-dial-sidebar": "1.1.0-dev.99"
   },
   "repository": {
     "type": "git",