@epam/ai-dial-conversation-panel 1.1.0-dev.182 → 1.1.0-dev.184

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/components/ConversationPanel/ConversationPanel.d.ts.map +1 -1
  2. package/components/FilterTabs/FilterTabs.d.ts +3 -0
  3. package/components/FilterTabs/FilterTabs.d.ts.map +1 -1
  4. package/components/PillTabs/PillTabs.d.ts +10 -0
  5. package/components/PillTabs/PillTabs.d.ts.map +1 -1
  6. package/index.css +1 -1
  7. package/index.d.ts +1 -0
  8. package/index.d.ts.map +1 -1
  9. package/index.js +156 -141
  10. package/models/panel-props.d.ts +3 -0
  11. package/models/panel-props.d.ts.map +1 -1
  12. package/package.json +3 -3
package/components/ConversationPanel/ConversationPanel.d.ts.map CHANGED
@@ -1 +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,CAkaxD,CAAC"}
1
+ {"version":3,"file":"ConversationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationPanel/ConversationPanel.tsx"],"names":[],"mappings":"AAQA,OAAO,EACL,KAAK,EAAE,EAQR,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AA6BlE,sEAAsE;AACtE,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA0axD,CAAC"}
package/components/FilterTabs/FilterTabs.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { FC } from 'react';
2
2
  import { FilterLabels } from '../../models/panel-props';
3
3
  import { FilterTab } from '../../types/conversation-classification';
4
+ import { PillTabsColors } from '../PillTabs/PillTabs';
4
5
  /** Props for `FilterTabs`. */
5
6
  export interface FilterTabsProps {
6
7
  /** Currently active tab. */
@@ -11,6 +12,8 @@ export interface FilterTabsProps {
11
12
  onChange: (tab: FilterTab) => void;
12
13
  /** Class applied to each tab. Defaults to `'dial-tiny-semi-text'`. */
13
14
  tabClassName?: string;
15
+ /** Color overrides forwarded to the underlying pill tabs. */
16
+ colors?: PillTabsColors;
14
17
  }
15
18
  /** Segmented pill-tab control for filtering conversations by source. */
16
19
  export declare const FilterTabs: FC<FilterTabsProps>;
package/components/FilterTabs/FilterTabs.d.ts.map CHANGED
@@ -1 +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;AAGpE,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,CAkB1C,CAAC"}
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;AACpE,OAAO,EAAY,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAErE,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;IACtB,6DAA6D;IAC7D,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AASD,wEAAwE;AACxE,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAyB1C,CAAC"}
package/components/PillTabs/PillTabs.d.ts CHANGED
@@ -19,6 +19,16 @@ export interface PillTabsColors {
19
19
  tabTextHover?: string;
20
20
  /** Label color of the active tab. Defaults to `--text-secondary`. */
21
21
  activeTabText?: string;
22
+ /** Border color of every tab. Defaults to `transparent`. */
23
+ tabBorder?: string;
24
+ /** Background color of an inactive tab. Defaults to `transparent`. */
25
+ tabBackground?: string;
26
+ /** Background color of an inactive tab on hover. Defaults to `--bg-control-accent-alpha`. */
27
+ tabBackgroundHover?: string;
28
+ /** Background color of the active tab. Defaults to `--bg-control-accent-alpha`. */
29
+ activeTabBackground?: string;
30
+ /** Background color of the active tab on hover. Defaults to `--bg-control-accent-alpha-hover`. */
31
+ activeTabBackgroundHover?: string;
22
32
  }
23
33
  /** Style overrides for the {@link PillTabs} component. */
24
34
  export interface PillTabsStyles {
package/components/PillTabs/PillTabs.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PillTabs.d.ts","sourceRoot":"","sources":["../../../src/components/PillTabs/PillTabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAGtC,uDAAuD;AACvD,MAAM,WAAW,OAAO;IACtB,6DAA6D;IAC7D,EAAE,EAAE,MAAM,CAAC;IACX,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,+DAA+D;AAC/D,MAAM,WAAW,kBAAkB;IACjC,uFAAuF;IACvF,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,4FAA4F;AAC5F,MAAM,WAAW,cAAc;IAC7B,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,0DAA0D;AAC1D,MAAM,WAAW,cAAc;IAC7B,8CAA8C;IAC9C,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,wDAAwD;IACxD,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,gDAAgD;AAChD,MAAM,WAAW,aAAa;IAC5B,sCAAsC;IACtC,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,wCAAwC;IACxC,WAAW,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,uBAAuB;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,oFAAoF;AACpF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAsCtC,CAAC"}
1
+ {"version":3,"file":"PillTabs.d.ts","sourceRoot":"","sources":["../../../src/components/PillTabs/PillTabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAGtC,uDAAuD;AACvD,MAAM,WAAW,OAAO;IACtB,6DAA6D;IAC7D,EAAE,EAAE,MAAM,CAAC;IACX,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,+DAA+D;AAC/D,MAAM,WAAW,kBAAkB;IACjC,uFAAuF;IACvF,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,4FAA4F;AAC5F,MAAM,WAAW,cAAc;IAC7B,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qEAAqE;IACrE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6FAA6F;IAC7F,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mFAAmF;IACnF,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kGAAkG;IAClG,wBAAwB,CAAC,EAAE,MAAM,CAAC;CACnC;AAED,0DAA0D;AAC1D,MAAM,WAAW,cAAc;IAC7B,8CAA8C;IAC9C,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,wDAAwD;IACxD,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,gDAAgD;AAChD,MAAM,WAAW,aAAa;IAC5B,sCAAsC;IACtC,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,wCAAwC;IACxC,WAAW,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,uBAAuB;IACvB,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB;AAED,oFAAoF;AACpF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA4CtC,CAAC"}
package/index.css CHANGED
@@ -1,2 +1,2 @@
1
- ._tabContainer_1917c_1{background-color:#0000;color:var(--pt-tab-text,var(--text-tertiary,#848e9c))!important;border-color:#0000!important}@media (hover:hover){._tabContainer_1917c_1:hover{background-color:#5c8dea0f;color:var(--pt-tab-text-hover,var(--text-secondary,#57647a))!important}}._tabContainer_1917c_1>span{text-align:center}._tabContainer_1917c_1._tabActive_1917c_19{background-color:#2764d912;color:var(--pt-tab-active-text,var(--text-secondary,#57647a))!important}@media (hover:hover){._tabContainer_1917c_1._tabActive_1917c_19:hover{background-color:#5c8dea0f}}._button_8xsgo_1{background:var(--cp-new-chat-bg,var(--bg-control-neutral,#fcfcfc));color:var(--cp-new-chat-text,var(--text-accent,#1d4ed8))}._button_8xsgo_1:focus-visible{outline:1px solid var(--cp-new-chat-focus-outline,var(--stroke-focus-black,#161b2d));outline-offset:0}._item_1qyc3_1{color:var(--cp-text,var(--text-primary,#161b2d))}._item_1qyc3_1:hover{background:var(--cp-item-hover,var(--bg-layer-sunken,#eef1f7))}._item_1qyc3_1._itemActive_1qyc3_7{background:var(--cp-item-active,var(--bg-layer-sunken,#eef1f7));color:var(--cp-text,var(--text-primary,#161b2d))}._groupHeader_1qyc3_12{color:var(--cp-text-secondary,var(--text-tertiary,#848e9c))}._taskBadge_1qyc3_16{border-color:var(--cp-task-badge-border,var(--stroke-tertiary,#e0e6f0));background:var(--cp-task-badge-bg,var(--bg-layer-base,#f5f7fa));color:var(--cp-task-badge-text,var(--text-secondary,#57647a))}._dropZoneActive_1qyc3_22{--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_1qyc3_27{background:var(--cp-trigger-bg,var(--bg-control-accent-alpha-active,#2764d933))}._triggerActive_1qyc3_27 ._triggerIcon_1qyc3_30{color:var(--cp-trigger-icon,var(--text-accent,#1d4ed8))}._triggerIcon_1qyc3_30{color:var(--cp-trigger-icon-idle,var(--text-secondary,#57647a))}._unreadDot_1qyc3_38{background:var(--cp-unread-dot,var(--text-accent,#1d4ed8))}
1
+ ._tabContainer_1rks7_1{background-color:var(--pt-tab-bg,transparent);border-color:var(--pt-tab-border,transparent)!important;color:var(--pt-tab-text,var(--text-tertiary,#848e9c))!important}@media (hover:hover){._tabContainer_1rks7_1:hover{background-color:var(--pt-tab-bg-hover,var(--bg-control-accent-alpha,#2764d90f));color:var(--pt-tab-text-hover,var(--text-secondary,#57647a))!important}}._tabContainer_1rks7_1>span{text-align:center}._tabContainer_1rks7_1._tabActive_1rks7_15{background-color:var(--pt-tab-active-bg,var(--bg-control-accent-alpha,#2764d90f))!important;color:var(--pt-tab-active-text,var(--text-secondary,#57647a))!important}@media (hover:hover){._tabContainer_1rks7_1._tabActive_1rks7_15:hover{background-color:var(--pt-tab-active-bg-hover,var(--bg-control-accent-alpha-hover,#2764d924))}}._button_8xsgo_1{background:var(--cp-new-chat-bg,var(--bg-control-neutral,#fcfcfc));color:var(--cp-new-chat-text,var(--text-accent,#1d4ed8))}._button_8xsgo_1:focus-visible{outline:1px solid var(--cp-new-chat-focus-outline,var(--stroke-focus-black,#161b2d));outline-offset:0}._item_1qyc3_1{color:var(--cp-text,var(--text-primary,#161b2d))}._item_1qyc3_1:hover{background:var(--cp-item-hover,var(--bg-layer-sunken,#eef1f7))}._item_1qyc3_1._itemActive_1qyc3_7{background:var(--cp-item-active,var(--bg-layer-sunken,#eef1f7));color:var(--cp-text,var(--text-primary,#161b2d))}._groupHeader_1qyc3_12{color:var(--cp-text-secondary,var(--text-tertiary,#848e9c))}._taskBadge_1qyc3_16{border-color:var(--cp-task-badge-border,var(--stroke-tertiary,#e0e6f0));background:var(--cp-task-badge-bg,var(--bg-layer-base,#f5f7fa));color:var(--cp-task-badge-text,var(--text-secondary,#57647a))}._dropZoneActive_1qyc3_22{--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_1qyc3_27{background:var(--cp-trigger-bg,var(--bg-control-accent-alpha-active,#2764d933))}._triggerActive_1qyc3_27 ._triggerIcon_1qyc3_30{color:var(--cp-trigger-icon,var(--text-accent,#1d4ed8))}._triggerIcon_1qyc3_30{color:var(--cp-trigger-icon-idle,var(--text-secondary,#57647a))}._unreadDot_1qyc3_38{background:var(--cp-unread-dot,var(--text-accent,#1d4ed8))}
2
2
  /*$vite$:1*/
package/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  export { ConversationPanel } from './components/ConversationPanel/ConversationPanel';
2
2
  export type { ConversationMove, ConversationPanelProps, ConversationPanelStyles, ConversationColors, NewChatButtonColors, ConversationPanelTypography, ConversationPanelLabels, ConversationItem, FilterLabels, } from './models/panel-props';
3
+ export type { PillTabsColors, PillTabsStyles, PillTabsTypography, } from './components/PillTabs/PillTabs';
3
4
  export { FilterTab } from './types/conversation-classification';
4
5
  //# sourceMappingURL=index.d.ts.map
package/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,YAAY,EACV,gBAAgB,EAChB,sBAAsB,EACtB,uBAAuB,EACvB,kBAAkB,EAClB,mBAAmB,EACnB,2BAA2B,EAC3B,uBAAuB,EACvB,gBAAgB,EAChB,YAAY,GACb,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AACrF,YAAY,EACV,gBAAgB,EAChB,sBAAsB,EACtB,uBAAuB,EACvB,kBAAkB,EAClB,mBAAmB,EACnB,2BAA2B,EAC3B,uBAAuB,EACvB,gBAAgB,EAChB,YAAY,GACb,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EACV,cAAc,EACd,cAAc,EACd,kBAAkB,GACnB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC"}
package/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { DeploymentIcon as e, buildCssVars as t, mergeClasses as n } from "@epam/ai-dial-chat-shared";
2
- import { PanelEmpty as r, PanelNoResults as i, SearchInput as a, SidebarOrientation as o, SidebarPanel as s } from "@epam/ai-dial-sidebar";
3
- import { Button as c, DIAL_ICON_SIZE as l, DialEllipsisTooltip as u, Dropdown as d, ElementSize as f, GhostIconButton as p, Highlight as m, Skeleton as h, SkeletonVariant as g, Tag as _, mergeClasses as v } from "@epam/ai-dial-ui-kit";
2
+ import { PanelEmpty as r, PanelNoResults as i, SidebarOrientation as a, SidebarPanel as o } from "@epam/ai-dial-sidebar";
3
+ import { Button as s, DIAL_ICON_SIZE as c, DialEllipsisTooltip as l, Dropdown as u, ElementSize as d, GhostIconButton as f, Highlight as p, Search as m, Skeleton as h, SkeletonVariant as g, Tag as _, mergeClasses as v } from "@epam/ai-dial-ui-kit";
4
4
  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";
5
5
  import { Fragment as ee, jsx as k, jsxs as A } from "react/jsx-runtime";
6
6
  import { IconCaretDownFilled as j, IconCaretRightFilled as M, IconClock as N, IconDotsVertical as P, IconPlus as te } from "@tabler/icons-react";
@@ -168,7 +168,7 @@ function W({ itemCount: e, itemProps: t, itemSize: n }) {
168
168
  }
169
169
  };
170
170
  }
171
- function G({ itemCount: e, itemProps: t, itemSize: n }) {
171
+ function ae({ itemCount: e, itemProps: t, itemSize: n }) {
172
172
  return E(() => W({
173
173
  itemCount: e,
174
174
  itemProps: t,
@@ -179,7 +179,7 @@ function G({ itemCount: e, itemProps: t, itemSize: n }) {
179
179
  n
180
180
  ]);
181
181
  }
182
- function K({ containerSize: e, itemSize: t }) {
182
+ function G({ containerSize: e, itemSize: t }) {
183
183
  let n;
184
184
  switch (typeof t) {
185
185
  case "string":
@@ -191,7 +191,7 @@ function K({ containerSize: e, itemSize: t }) {
191
191
  }
192
192
  return n;
193
193
  }
194
- function q({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0, direction: r, isRtl: i = !1, itemCount: a, itemProps: o, itemSize: s, onResize: c, overscanCount: l }) {
194
+ function K({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0, direction: r, isRtl: i = !1, itemCount: a, itemProps: o, itemSize: s, onResize: c, overscanCount: l }) {
195
195
  let { height: u = n, width: d = n } = L({
196
196
  defaultHeight: r === "vertical" ? n : void 0,
197
197
  defaultWidth: r === "horizontal" ? n : void 0,
@@ -201,7 +201,7 @@ function q({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0
201
201
  }), f = D({
202
202
  height: 0,
203
203
  width: 0
204
- }), p = r === "vertical" ? u : d, m = K({
204
+ }), p = r === "vertical" ? u : d, m = G({
205
205
  containerSize: p,
206
206
  itemSize: s
207
207
  });
@@ -218,7 +218,7 @@ function q({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0
218
218
  c,
219
219
  d
220
220
  ]);
221
- let h = G({
221
+ let h = ae({
222
222
  itemCount: a,
223
223
  itemProps: o,
224
224
  itemSize: m
@@ -328,7 +328,7 @@ function q({ containerElement: e, containerStyle: t, defaultContainerSize: n = 0
328
328
  stopIndexVisible: S
329
329
  };
330
330
  }
331
- function ae(e) {
331
+ function q(e) {
332
332
  return E(() => e, Object.values(e));
333
333
  }
334
334
  function J(e, t) {
@@ -340,7 +340,7 @@ function oe(e) {
340
340
  }
341
341
  var se = "data-react-window-index";
342
342
  function ce({ 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 }) {
343
- let m = ae(u), h = E(() => b(s, J), [s]), [g, _] = O(null), v = oe(l), { getCellBounds: x, getEstimatedSize: C, scrollToIndex: T, startIndexOverscan: D, startIndexVisible: ee, stopIndexOverscan: A, stopIndexVisible: j } = q({
343
+ let m = q(u), h = E(() => b(s, J), [s]), [g, _] = O(null), v = oe(l), { getCellBounds: x, getEstimatedSize: C, scrollToIndex: T, startIndexOverscan: D, startIndexVisible: ee, stopIndexOverscan: A, stopIndexVisible: j } = K({
344
344
  containerElement: g,
345
345
  containerStyle: f,
346
346
  defaultContainerSize: n,
@@ -483,17 +483,22 @@ var Y = /* @__PURE__ */ function(e) {
483
483
  }
484
484
  return null;
485
485
  }, ge = {
486
- tabContainer: "_tabContainer_1917c_1",
487
- tabActive: "_tabActive_1917c_19"
486
+ tabContainer: "_tabContainer_1rks7_1",
487
+ tabActive: "_tabActive_1rks7_15"
488
488
  }, _e = b(({ tabs: e, activeTabId: r, onTabChange: i, styles: a }) => {
489
- let { tabClassName: o = "dial-tiny-semi-text" } = a?.typography ?? {};
489
+ let { tabClassName: o = "dial-tiny-semi-text" } = a?.typography ?? {}, s = a?.colors;
490
490
  return /* @__PURE__ */ k("div", {
491
491
  className: "flex flex-nowrap gap-1",
492
492
  role: "tablist",
493
493
  style: t({
494
- "--pt-tab-text": a?.colors?.tabText,
495
- "--pt-tab-text-hover": a?.colors?.tabTextHover,
496
- "--pt-tab-active-text": a?.colors?.activeTabText
494
+ "--pt-tab-text": s?.tabText,
495
+ "--pt-tab-text-hover": s?.tabTextHover,
496
+ "--pt-tab-active-text": s?.activeTabText,
497
+ "--pt-tab-border": s?.tabBorder,
498
+ "--pt-tab-bg": s?.tabBackground,
499
+ "--pt-tab-bg-hover": s?.tabBackgroundHover,
500
+ "--pt-tab-active-bg": s?.activeTabBackground,
501
+ "--pt-tab-active-bg-hover": s?.activeTabBackgroundHover
497
502
  }),
498
503
  children: e.map((e) => {
499
504
  let t = r === e.id;
@@ -527,7 +532,7 @@ var Y = /* @__PURE__ */ function(e) {
527
532
  value: X.Organization,
528
533
  labelKey: "organization"
529
534
  }
530
- ], ye = b(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "dial-tiny-semi-text" }) => /* @__PURE__ */ k("div", {
535
+ ], ye = b(({ activeTab: e, labels: t, onChange: n, tabClassName: r = "dial-tiny-semi-text", colors: i }) => /* @__PURE__ */ k("div", {
531
536
  className: "px-3 py-2",
532
537
  children: /* @__PURE__ */ k(_e, {
533
538
  tabs: ve.map(({ value: e, labelKey: n }) => ({
@@ -536,7 +541,10 @@ var Y = /* @__PURE__ */ function(e) {
536
541
  })),
537
542
  activeTabId: e,
538
543
  onTabChange: (e) => n(e),
539
- styles: { typography: { tabClassName: v(r, "flex-1") } }
544
+ styles: {
545
+ typography: { tabClassName: v(r, "flex-1") },
546
+ colors: i
547
+ }
540
548
  })
541
549
  })), be = { button: "_button_8xsgo_1" }, xe = b(({ label: e, onClick: r, labelClassName: i = "dial-small-semi-text", colors: a }) => /* @__PURE__ */ k("div", {
542
550
  className: "px-3 py-2",
@@ -568,7 +576,7 @@ var Y = /* @__PURE__ */ function(e) {
568
576
  triggerActive: "_triggerActive_1qyc3_27",
569
577
  triggerIcon: "_triggerIcon_1qyc3_30",
570
578
  unreadDot: "_unreadDot_1qyc3_38"
571
- }, Se = ({ label: e, isExpanded: t, onToggle: r, listId: i, className: a = "dial-tiny-lead-text", dropZoneGroupKey: o, isDragOver: s, onDragOver: c, onDragLeave: l, onDrop: d }) => {
579
+ }, Se = ({ label: e, isExpanded: t, onToggle: r, listId: i, className: a = "dial-tiny-lead-text", dropZoneGroupKey: o, isDragOver: s, onDragOver: c, onDragLeave: u, onDrop: d }) => {
572
580
  let f = o != null;
573
581
  return /* @__PURE__ */ A("button", {
574
582
  type: "button",
@@ -579,7 +587,7 @@ var Y = /* @__PURE__ */ function(e) {
579
587
  f && (e.preventDefault(), c?.(o));
580
588
  } : void 0,
581
589
  onDragLeave: f ? (e) => {
582
- f && (e.currentTarget.contains(e.relatedTarget) || l?.());
590
+ f && (e.currentTarget.contains(e.relatedTarget) || u?.());
583
591
  } : void 0,
584
592
  onDrop: f ? (e) => {
585
593
  f && (e.preventDefault(), d?.(o, o, null));
@@ -595,20 +603,20 @@ var Y = /* @__PURE__ */ function(e) {
595
603
  size: 12,
596
604
  className: "shrink-0 rtl:scale-x-[-1]",
597
605
  "aria-hidden": !0
598
- }), /* @__PURE__ */ k(u, { text: e })]
606
+ }), /* @__PURE__ */ k(l, { text: e })]
599
607
  });
600
- }, Ce = ({ item: t, isActive: r, onSelectConversation: i, searchQuery: a = "", getActions: o, onActionMenuOpen: s, actionsLabel: u = "More actions", itemTitleClassName: _ = "dial-small-text", itemIconBadgeClassName: v, taskBadgeClassName: y = "dial-caption-lead-semi-text", unreadIndicatorLabel: b = "Unread", rowGroupKey: S, rows: C, draggingId: w, dragOverId: T, allowedDropGroups: E, onDragStart: j, onDragEnd: M, onDragOver: te, onDragLeave: F, onDrop: I }) => {
608
+ }, Ce = ({ item: t, isActive: r, onSelectConversation: i, searchQuery: a = "", getActions: o, onActionMenuOpen: l, actionsLabel: m = "More actions", itemTitleClassName: _ = "dial-small-text", itemIconBadgeClassName: v, taskBadgeClassName: y = "dial-caption-lead-semi-text", unreadIndicatorLabel: b = "Unread", rowGroupKey: S, rows: C, draggingId: w, dragOverId: T, allowedDropGroups: E, onDragStart: j, onDragEnd: M, onDragOver: te, onDragLeave: F, onDrop: I }) => {
601
609
  let [L, ne] = O(!1), R = D(null), re = x((e) => {
602
- ne(e), e && R.current && s?.(t, R.current);
603
- }, [t, s]), z = o?.(t) ?? [], B = z.length > 0, V = t.isIconLoading ? /* @__PURE__ */ k(h, {
610
+ ne(e), e && R.current && l?.(t, R.current);
611
+ }, [t, l]), z = o?.(t) ?? [], B = z.length > 0, V = t.isIconLoading ? /* @__PURE__ */ k(h, {
604
612
  variant: g.Circular,
605
- width: l.LG,
606
- height: l.LG,
613
+ width: c.LG,
614
+ height: c.LG,
607
615
  color: Z.skeletonColor,
608
616
  "aria-hidden": !0
609
617
  }) : /* @__PURE__ */ k(e, {
610
618
  src: t.iconUrl,
611
- size: l.LG,
619
+ size: c.LG,
612
620
  initialsName: t.iconTooltip ?? "",
613
621
  labels: { tooltip: t.iconTooltip },
614
622
  styles: { badgeClassName: v }
@@ -630,9 +638,9 @@ var Y = /* @__PURE__ */ function(e) {
630
638
  size: 12,
631
639
  "aria-hidden": !0
632
640
  }), t.taskBadgeLabel]
633
- }) : void 0, W = S != null, G = x((e) => {
641
+ }) : void 0, W = S != null, ae = x((e) => {
634
642
  e.currentTarget.contains(e.relatedTarget) || F?.();
635
- }, [F]), K = x((e) => {
643
+ }, [F]), G = x((e) => {
636
644
  if (!S || !C || !I) return;
637
645
  e.preventDefault();
638
646
  let n = he(e, t.id, C, S);
@@ -642,26 +650,26 @@ var Y = /* @__PURE__ */ function(e) {
642
650
  C,
643
651
  S,
644
652
  I
645
- ]), q = t.id === w, ae = t.id === T, J = S != null && (E?.has(S) ?? !1), oe = w != null;
653
+ ]), K = t.id === w, q = t.id === T, J = S != null && (E?.has(S) ?? !1), oe = w != null;
646
654
  return /* @__PURE__ */ A("li", {
647
- className: n("group/conversation relative", q && "cursor-grabbing opacity-50", ae && J && "rounded", ae && J && Z.dropZoneActive, oe && !q && !J && "cursor-not-allowed"),
655
+ className: n("group/conversation relative", K && "cursor-grabbing opacity-50", q && J && "rounded", q && J && Z.dropZoneActive, oe && !K && !J && "cursor-not-allowed"),
648
656
  draggable: W || void 0,
649
657
  onDragStart: W ? () => j?.(t.id) : void 0,
650
658
  onDragEnd: W ? M : void 0,
651
659
  onDragOver: W ? (e) => {
652
660
  e.preventDefault(), te?.(t.id);
653
661
  } : void 0,
654
- onDragLeave: W ? G : void 0,
655
- onDrop: W ? K : void 0,
662
+ onDragLeave: W ? ae : void 0,
663
+ onDrop: W ? G : void 0,
656
664
  children: [/* @__PURE__ */ k("a", {
657
665
  href: t.href,
658
666
  className: "contents",
659
667
  onClick: (e) => {
660
668
  t.href && (e.preventDefault(), i(t.id));
661
669
  },
662
- children: /* @__PURE__ */ k(c, {
670
+ children: /* @__PURE__ */ k(s, {
663
671
  iconBefore: H,
664
- label: /* @__PURE__ */ k(m, {
672
+ label: /* @__PURE__ */ k(p, {
665
673
  text: t.title,
666
674
  query: a,
667
675
  className: _,
@@ -676,20 +684,20 @@ var Y = /* @__PURE__ */ function(e) {
676
684
  })
677
685
  }), B && /* @__PURE__ */ k("div", {
678
686
  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"),
679
- children: /* @__PURE__ */ k(d, {
687
+ children: /* @__PURE__ */ k(u, {
680
688
  items: z,
681
689
  onOpenChange: re,
682
690
  matchReferenceWidth: !1,
683
691
  listClassName: "w-[200px]",
684
- children: /* @__PURE__ */ k(p, {
692
+ children: /* @__PURE__ */ k(f, {
685
693
  ref: R,
686
694
  icon: /* @__PURE__ */ k(P, {
687
- size: l.SM,
695
+ size: c.SM,
688
696
  className: Z.triggerIcon,
689
697
  "aria-hidden": !0
690
698
  }),
691
- size: f.Small,
692
- "aria-label": u,
699
+ size: d.Small,
700
+ "aria-label": m,
693
701
  className: n(L && Z.triggerActive)
694
702
  })
695
703
  })
@@ -750,37 +758,39 @@ var Y = /* @__PURE__ */ function(e) {
750
758
  X.MyChats,
751
759
  X.Shared,
752
760
  X.Organization
753
- ]), Oe = b(({ conversations: e, isLoading: c, 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: ee, isFilterTabsHidden: j = !1 }) => {
754
- let { colors: M, typography: N, newChatButton: P } = m ?? {}, { title: te, emptyLabel: F, noResultsLabel: I, loadingLabel: L = "Loading conversations", newChatLabel: ne, searchPlaceholder: R, searchClearLabel: re, filterLabels: z, groupLabels: B, actionsLabel: V, unreadIndicatorLabel: H, closeAriaLabel: ie } = f, [U, W] = O(""), [G, K] = O(X.All);
761
+ ]), Oe = b(({ conversations: e, isLoading: s, isOpen: c, onSelectConversation: l, activeConversationId: u, labels: d, onNewChat: f, styles: p, className: g, getActions: _, onActionMenuOpen: v, onToggle: y, headerActions: b, onMoveConversation: w, activeFilter: T, onActiveFilterChange: ee, isFilterTabsHidden: j = !1 }) => {
762
+ let { colors: M, typography: N, newChatButton: P, filterTabs: te } = p ?? {}, { title: F, emptyLabel: I, noResultsLabel: L, loadingLabel: ne = "Loading conversations", newChatLabel: R, searchPlaceholder: re, searchClearLabel: z, filterLabels: B, groupLabels: V, actionsLabel: H, unreadIndicatorLabel: ie, closeAriaLabel: U } = d, [W, ae] = O(""), [G, K] = O(X.All);
755
763
  S(() => {
756
764
  T != null && K(T);
757
765
  }, [T]);
758
- let [q, ae] = O(() => De), [J, oe] = O(5), se = C(), ue = D(null), fe = D(null), [he, ge] = O(null), [_e, ve] = O(null), [be, Se] = O(null), Ce = D(null), Oe = D(null), ke = x(({ height: e }) => {
759
- oe(Math.ceil(e / 36 * 2));
760
- }, []), Ae = x((e) => {
761
- ae((t) => {
766
+ let [q, J] = O(() => De), [oe, se] = O(5), ue = C(), fe = D(null), he = D(null), [ge, _e] = O(null), [ve, be] = O(null), [Se, Ce] = O(null), Oe = D(null), ke = D(null), Ae = x(({ height: e }) => {
767
+ se(Math.ceil(e / 36 * 2));
768
+ }, []), je = x((e) => {
769
+ ae(e ?? "");
770
+ }, []), Me = x((e) => {
771
+ J((t) => {
762
772
  let n = new Set(t);
763
773
  return n.has(e) ? n.delete(e) : n.add(e), n;
764
774
  });
765
- }, []), je = x(() => {
766
- Ce.current = null, Oe.current = null, ge(null), ve(null), Se(null);
767
- }, []), Me = x((t, n) => {
775
+ }, []), Ne = x(() => {
776
+ Oe.current = null, ke.current = null, _e(null), be(null), Ce(null);
777
+ }, []), Pe = x((t, n) => {
768
778
  let r = me(t, pe(n, t), e);
769
- Ce.current = t, Oe.current = r, ge(t), Se(r);
770
- }, [e]), Ne = x(() => {
771
- je();
772
- }, [je]), Pe = x((e) => {
773
- ve(e);
774
- }, []), Fe = x(() => {
775
- ve(null);
776
- }, []), Ie = x((e, t, n) => {
777
- let r = Ce.current, i = Oe.current;
778
- je(), r != null && r !== e && i?.has(t) && w?.({
779
+ Oe.current = t, ke.current = r, _e(t), Ce(r);
780
+ }, [e]), Fe = x(() => {
781
+ Ne();
782
+ }, [Ne]), Ie = x((e) => {
783
+ be(e);
784
+ }, []), Le = x(() => {
785
+ be(null);
786
+ }, []), Re = x((e, t, n) => {
787
+ let r = Oe.current, i = ke.current;
788
+ Ne(), r != null && r !== e && i?.has(t) && w?.({
779
789
  draggedId: r,
780
790
  targetGroupKey: t,
781
791
  afterId: n
782
792
  });
783
- }, [je, w]), Le = t({
793
+ }, [Ne, w]), ze = t({
784
794
  "--cp-item-hover": M?.itemHover,
785
795
  "--cp-item-active": M?.itemActive,
786
796
  "--cp-text": M?.text,
@@ -797,40 +807,40 @@ var Y = /* @__PURE__ */ function(e) {
797
807
  "--cp-task-badge-bg": M?.taskBadgeBackground,
798
808
  "--cp-task-badge-text": M?.taskBadgeText,
799
809
  "--cp-unread-dot": M?.unreadDot
800
- }), Q = E(() => e.filter((e) => Te(e, G) && Ee(e, U)), [
810
+ }), Q = E(() => e.filter((e) => Te(e, G) && Ee(e, W)), [
801
811
  e,
802
812
  G,
803
- U
804
- ]), Re = E(() => Q.filter((e) => e.isPinned), [Q]), ze = E(() => Q.filter((e) => !e.isPinned && e.source !== X.Shared && e.source !== X.Organization), [Q]), Be = E(() => Q.filter((e) => !e.isPinned && e.source === X.Shared), [Q]), Ve = E(() => Q.filter((e) => !e.isPinned && e.source === X.Organization), [Q]), He = E(() => [
813
+ W
814
+ ]), Be = E(() => Q.filter((e) => e.isPinned), [Q]), Ve = E(() => Q.filter((e) => !e.isPinned && e.source !== X.Shared && e.source !== X.Organization), [Q]), He = E(() => Q.filter((e) => !e.isPinned && e.source === X.Shared), [Q]), Ue = E(() => Q.filter((e) => !e.isPinned && e.source === X.Organization), [Q]), We = E(() => [
805
815
  {
806
816
  key: X.Pinned,
807
- label: B?.pinned ?? "Pinned",
808
- items: Re
817
+ label: V?.pinned ?? "Pinned",
818
+ items: Be
809
819
  },
810
820
  {
811
821
  key: X.MyChats,
812
- label: B?.myChats ?? "My chats",
813
- items: ze
822
+ label: V?.myChats ?? "My chats",
823
+ items: Ve
814
824
  },
815
825
  {
816
826
  key: X.Shared,
817
- label: B?.shared ?? "Shared",
818
- items: Be
827
+ label: V?.shared ?? "Shared",
828
+ items: He
819
829
  },
820
830
  {
821
831
  key: X.Organization,
822
- label: B?.organization ?? "Organization",
823
- items: Ve
832
+ label: V?.organization ?? "Organization",
833
+ items: Ue
824
834
  }
825
835
  ], [
826
- B,
827
- Re,
828
- ze,
836
+ V,
829
837
  Be,
830
- Ve
838
+ Ve,
839
+ He,
840
+ Ue
831
841
  ]), $ = E(() => {
832
842
  let e = [];
833
- for (let t of He) if (t.items.length !== 0 && (e.push({
843
+ for (let t of We) if (t.items.length !== 0 && (e.push({
834
844
  kind: Y.Header,
835
845
  groupKey: t.key,
836
846
  label: t.label
@@ -840,79 +850,79 @@ var Y = /* @__PURE__ */ function(e) {
840
850
  groupKey: t.key
841
851
  });
842
852
  return e;
843
- }, [He, q]);
853
+ }, [We, q]);
844
854
  S(() => {
845
- if (!d || fe.current === d) return;
846
- let e = $.findIndex((e) => e.kind === Y.Item && e.item.id === d);
847
- e >= 0 && (ue.current?.scrollToRow({
855
+ if (!u || he.current === u) return;
856
+ let e = $.findIndex((e) => e.kind === Y.Item && e.item.id === u);
857
+ e >= 0 && (fe.current?.scrollToRow({
848
858
  index: e,
849
859
  align: "smart",
850
860
  behavior: "smooth"
851
- }), fe.current = d);
861
+ }), he.current = u);
852
862
  }, [
853
- d,
854
- He,
863
+ u,
864
+ We,
855
865
  q,
856
866
  $
857
867
  ]);
858
- let Ue = E(() => ({
868
+ let Ge = E(() => ({
859
869
  rows: $,
860
870
  expandedGroups: q,
861
- onToggleGroup: Ae,
862
- listId: se,
863
- activeConversationId: d,
864
- searchQuery: U,
865
- onSelectConversation: u,
871
+ onToggleGroup: Me,
872
+ listId: ue,
873
+ activeConversationId: u,
874
+ searchQuery: W,
875
+ onSelectConversation: l,
866
876
  getActions: _,
867
877
  onActionMenuOpen: v,
868
- actionsLabel: V,
869
- unreadIndicatorLabel: H,
878
+ actionsLabel: H,
879
+ unreadIndicatorLabel: ie,
870
880
  styles: {
871
881
  groupHeaderClassName: N?.groupHeaderClassName,
872
882
  itemTitleClassName: N?.itemTitleClassName,
873
- itemIconBadgeClassName: m?.itemIconBadgeClassName,
874
- taskBadgeClassName: m?.taskBadgeClassName
883
+ itemIconBadgeClassName: p?.itemIconBadgeClassName,
884
+ taskBadgeClassName: p?.taskBadgeClassName
875
885
  },
876
- draggingId: he,
877
- dragOverId: _e,
878
- allowedDropGroups: be,
879
- onDragStart: (e) => Me(e, $),
880
- onDragEnd: Ne,
881
- onDragOver: Pe,
882
- onDragLeave: Fe,
883
- onDrop: Ie
886
+ draggingId: ge,
887
+ dragOverId: ve,
888
+ allowedDropGroups: Se,
889
+ onDragStart: (e) => Pe(e, $),
890
+ onDragEnd: Fe,
891
+ onDragOver: Ie,
892
+ onDragLeave: Le,
893
+ onDrop: Re
884
894
  }), [
885
895
  $,
886
896
  q,
887
- Ae,
888
- se,
889
- d,
890
- U,
897
+ Me,
898
+ ue,
891
899
  u,
900
+ W,
901
+ l,
892
902
  _,
893
903
  v,
894
- V,
895
904
  H,
905
+ ie,
896
906
  N?.groupHeaderClassName,
897
907
  N?.itemTitleClassName,
898
- m?.itemIconBadgeClassName,
899
- m?.taskBadgeClassName,
900
- he,
901
- _e,
902
- be,
903
- Me,
904
- Ne,
908
+ p?.itemIconBadgeClassName,
909
+ p?.taskBadgeClassName,
910
+ ge,
911
+ ve,
912
+ Se,
905
913
  Pe,
906
914
  Fe,
907
- Ie
908
- ]), We = e.length === 0, Ge = e.length > 0 && Q.length === 0;
909
- return /* @__PURE__ */ A(s, {
910
- isOpen: l,
911
- orientation: o.Left,
912
- title: te,
915
+ Ie,
916
+ Le,
917
+ Re
918
+ ]), Ke = e.length === 0, qe = e.length > 0 && Q.length === 0;
919
+ return /* @__PURE__ */ A(o, {
920
+ isOpen: c,
921
+ orientation: a.Left,
922
+ title: F,
913
923
  labels: {
914
- ariaLabel: te,
915
- closeLabel: ie
924
+ ariaLabel: F,
925
+ closeLabel: U
916
926
  },
917
927
  onClose: y,
918
928
  styles: {
@@ -922,44 +932,49 @@ var Y = /* @__PURE__ */ function(e) {
922
932
  },
923
933
  typography: { fontClassName: N?.fontClassName },
924
934
  bodyClassName: "flex flex-col overflow-hidden p-0 gap-3",
925
- cssVars: Le,
935
+ cssVars: ze,
926
936
  titleClassName: N?.fontClassName,
927
937
  headerClassName: "h-[64px]",
928
- className: n(l ? "w-[324px] mobile:w-full" : "w-0", g)
938
+ className: n(c ? "w-[324px] mobile:w-full" : "w-0", g)
929
939
  },
930
940
  rightActions: b,
931
941
  children: [
932
942
  /* @__PURE__ */ k(xe, {
933
- label: ne,
934
- onClick: p,
943
+ label: R,
944
+ onClick: f,
935
945
  labelClassName: N?.newChatLabelClassName,
936
946
  colors: P
937
947
  }),
938
- /* @__PURE__ */ k(a, {
939
- value: U,
940
- onChange: W,
941
- labels: {
942
- placeholder: R,
943
- clearLabel: re
944
- }
948
+ /* @__PURE__ */ k("div", {
949
+ role: "search",
950
+ className: "px-3 py-2",
951
+ children: /* @__PURE__ */ k(m, {
952
+ wrapperClassName: "rounded-full",
953
+ value: W,
954
+ onChange: je,
955
+ placeholder: re,
956
+ clearLabel: z,
957
+ "aria-label": re
958
+ })
945
959
  }),
946
960
  !j && /* @__PURE__ */ k(ye, {
947
961
  activeTab: G,
948
- labels: z,
962
+ labels: B,
949
963
  onChange: (e) => {
950
964
  K(e), ee?.(e);
951
965
  },
952
- tabClassName: N?.tabClassName
966
+ tabClassName: N?.tabClassName,
967
+ colors: te
953
968
  }),
954
969
  /* @__PURE__ */ k("span", {
955
970
  role: "status",
956
971
  "aria-live": "polite",
957
972
  className: "sr-only",
958
- children: c ? L : We ? F : Ge ? I : ""
973
+ children: s ? ne : Ke ? I : qe ? L : ""
959
974
  }),
960
975
  /* @__PURE__ */ k("div", {
961
976
  className: "flex-1 overflow-hidden px-2 py-1",
962
- children: c ? /* @__PURE__ */ k("div", {
977
+ children: s ? /* @__PURE__ */ k("div", {
963
978
  className: "flex flex-col gap-3 px-2 py-3",
964
979
  children: Array.from({ length: 15 }, (e, t) => /* @__PURE__ */ k(h, {
965
980
  avatar: { size: 24 },
@@ -968,17 +983,17 @@ var Y = /* @__PURE__ */ function(e) {
968
983
  active: !0,
969
984
  color: Z.skeletonColor
970
985
  }, t))
971
- }) : We ? /* @__PURE__ */ k(r, { label: F }) : Ge ? /* @__PURE__ */ k(i, { label: I }) : /* @__PURE__ */ k(ce, {
972
- listRef: ue,
973
- id: se,
986
+ }) : Ke ? /* @__PURE__ */ k(r, { label: I }) : qe ? /* @__PURE__ */ k(i, { label: L }) : /* @__PURE__ */ k(ce, {
987
+ listRef: fe,
988
+ id: ue,
974
989
  role: "list",
975
990
  style: { height: "100%" },
976
991
  rowComponent: we,
977
992
  rowCount: $.length,
978
993
  rowHeight: de,
979
- overscanCount: J,
980
- onResize: ke,
981
- rowProps: Ue
994
+ overscanCount: oe,
995
+ onResize: Ae,
996
+ rowProps: Ge
982
997
  })
983
998
  })
984
999
  ]
package/models/panel-props.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import { DropdownItem } from '@epam/ai-dial-ui-kit';
2
2
  import { ReactNode } from 'react';
3
+ import { PillTabsColors } from '../components/PillTabs/PillTabs';
3
4
  import { FilterTab } from '../types/conversation-classification';
4
5
  /** Labels for each filter tab. */
5
6
  export interface FilterLabels {
@@ -98,6 +99,8 @@ export interface ConversationPanelStyles {
98
99
  colors?: ConversationColors;
99
100
  /** Color overrides forwarded to the New chat button. */
100
101
  newChatButton?: NewChatButtonColors;
102
+ /** Color overrides forwarded to the filter pill tabs. */
103
+ filterTabs?: PillTabsColors;
101
104
  /** Typography overrides for the panel and its children. */
102
105
  typography?: ConversationPanelTypography;
103
106
  /** CSS class applied to the icon badge in each conversation row. Defaults to `'rounded-full'`. */
package/models/panel-props.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"panel-props.d.ts","sourceRoot":"","sources":["../../src/models/panel-props.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"panel-props.d.ts","sourceRoot":"","sources":["../../src/models/panel-props.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@epam/ai-dial-conversation-panel",
3
3
  "description": "Virtualized sidebar panel for browsing conversation history with grouping, tabs, and search",
4
- "version": "1.1.0-dev.182",
4
+ "version": "1.1.0-dev.184",
5
5
  "license": "Apache-2.0",
6
6
  "type": "module",
7
7
  "main": "./index.js",
@@ -23,8 +23,8 @@
23
23
  "peerDependencies": {
24
24
  "react": "^19.0.0",
25
25
  "@tabler/icons-react": "^3.0.0",
26
- "@epam/ai-dial-chat-shared": "1.1.0-dev.182",
27
- "@epam/ai-dial-sidebar": "1.1.0-dev.182"
26
+ "@epam/ai-dial-chat-shared": "1.1.0-dev.184",
27
+ "@epam/ai-dial-sidebar": "1.1.0-dev.184"
28
28
  },
29
29
  "repository": {
30
30
  "type": "git",