@epam/ai-dial-conversation-panel 1.1.0-dev.361 → 1.1.0-dev.363

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.
@@ -1 +1 @@
1
- {"version":3,"file":"ConversationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationPanel/ConversationPanel.tsx"],"names":[],"mappings":"AAYA,OAAO,EACL,KAAK,EAAE,EAQR,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAyBlE,sEAAsE;AACtE,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAyaxD,CAAC"}
1
+ {"version":3,"file":"ConversationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationPanel/ConversationPanel.tsx"],"names":[],"mappings":"AAYA,OAAO,EACL,KAAK,EAAE,EAQR,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAyBlE,sEAAsE;AACtE,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA4axD,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ConversationRow.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationRow/ConversationRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EAEV,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAUL,KAAK,YAAY,EAClB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAiD,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAK3D,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,4IAA4I;IAC5I,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yGAAyG;IACzG,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,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,CAyNpD,CAAC"}
1
+ {"version":3,"file":"ConversationRow.d.ts","sourceRoot":"","sources":["../../../src/components/ConversationRow/ConversationRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EAEV,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAUL,KAAK,YAAY,EAClB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAiD,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAK3D,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,4IAA4I;IAC5I,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yGAAyG;IACzG,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,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,CA0NpD,CAAC"}
package/index.css CHANGED
@@ -1,2 +1,2 @@
1
- ._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_1c8qk_1{color:var(--cp-text,var(--text-primary,#161b2d))}._item_1c8qk_1:hover{background:var(--cp-item-hover,var(--bg-control-accent-alpha,#2764d90f))}._item_1c8qk_1._itemActive_1c8qk_7{background:var(--cp-item-active,var(--bg-control-accent-alpha,#2764d90f));color:var(--cp-text,var(--text-primary,#161b2d))}._groupHeader_1c8qk_12{color:var(--cp-text-secondary,var(--text-tertiary,#848e9c))}._taskBadge_1c8qk_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_1c8qk_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-accent,#1d4ed8))}._triggerActive_1c8qk_27{background:var(--cp-trigger-bg,var(--bg-control-accent-alpha-active,#2764d933))}._triggerActive_1c8qk_27 ._triggerIcon_1c8qk_30{color:var(--cp-trigger-icon,var(--text-accent,#1d4ed8))}._triggerIcon_1c8qk_30{color:var(--cp-trigger-icon-idle,var(--text-secondary,#57647a))}._unreadDot_1c8qk_38{background:var(--cp-unread-dot,var(--text-accent,#1d4ed8))}._root_11lia_1{background:var(--cp-transfer-queue-bg,var(--bg-layer-base,#f5f7fa))}._text_11lia_5{color:var(--cp-transfer-queue-text,var(--text-primary,#161b2d))}._textSecondary_11lia_9{color:var(--cp-transfer-queue-text-secondary,var(--text-secondary,#57647a))}._divider_11lia_13{border-block-end:1px solid var(--cp-transfer-queue-divider,var(--stroke-tertiary,#e0e6f0))}._successIcon_11lia_17{color:var(--cp-transfer-queue-success-icon,var(--text-accent-primary,#2764d9))}._errorIcon_11lia_21{color:var(--cp-transfer-queue-error-icon,var(--text-error,#ae2f2f))}._failureCount_11lia_25{background:var(--cp-transfer-queue-failure-count-bg,var(--bg-control-error,#ae2f2f));color:var(--cp-transfer-queue-failure-count-text,var(--text-control-permanent,#fcfcfc))}._warningIcon_11lia_35{color:var(--cp-transfer-queue-warning-icon,var(--text-warning-icon,#eec840))}
1
+ ._button_1vksy_1{background:var(--cp-new-chat-bg,var(--bg-control-neutral,#fcfcfc));color:var(--cp-new-chat-text,var(--text-accent,#1d4ed8));border-radius:var(--radius-control,9999px)}._button_1vksy_1:focus-visible{outline:1px solid var(--cp-new-chat-focus-outline,var(--stroke-focus-black,#161b2d));outline-offset:0}._item_i3lsf_2{color:var(--cp-text,var(--text-primary,#161b2d));border-radius:var(--cp-row-radius,.75rem)}._item_i3lsf_2:hover{background:var(--cp-item-hover,var(--bg-control-accent-alpha,#2764d90f))}._item_i3lsf_2._itemActive_i3lsf_15{background:var(--cp-item-active,var(--bg-control-accent-alpha,#2764d90f));color:var(--cp-text,var(--text-primary,#161b2d))}._groupHeader_i3lsf_20{color:var(--cp-text-secondary,var(--text-tertiary,#848e9c))}._taskBadge_i3lsf_24{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_i3lsf_30{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-inset:inset;--tw-ring-color:var(--cp-drop-zone-ring,var(--stroke-accent,#1d4ed8))}._triggerActive_i3lsf_35{background:var(--cp-trigger-bg,var(--bg-control-accent-alpha-active,#2764d933))}._triggerActive_i3lsf_35 ._triggerIcon_i3lsf_38{color:var(--cp-trigger-icon,var(--text-accent,#1d4ed8))}._triggerIcon_i3lsf_38{color:var(--cp-trigger-icon-idle,var(--text-secondary,#57647a))}._unreadDot_i3lsf_46{background:var(--cp-unread-dot,var(--text-accent,#1d4ed8))}._search_i3lsf_54{border-radius:var(--cp-search-radius,9999px)}._root_11lia_1{background:var(--cp-transfer-queue-bg,var(--bg-layer-base,#f5f7fa))}._text_11lia_5{color:var(--cp-transfer-queue-text,var(--text-primary,#161b2d))}._textSecondary_11lia_9{color:var(--cp-transfer-queue-text-secondary,var(--text-secondary,#57647a))}._divider_11lia_13{border-block-end:1px solid var(--cp-transfer-queue-divider,var(--stroke-tertiary,#e0e6f0))}._successIcon_11lia_17{color:var(--cp-transfer-queue-success-icon,var(--text-accent-primary,#2764d9))}._errorIcon_11lia_21{color:var(--cp-transfer-queue-error-icon,var(--text-error,#ae2f2f))}._failureCount_11lia_25{background:var(--cp-transfer-queue-failure-count-bg,var(--bg-control-error,#ae2f2f));color:var(--cp-transfer-queue-failure-count-text,var(--text-control-permanent,#fcfcfc))}._warningIcon_11lia_35{color:var(--cp-transfer-queue-warning-icon,var(--text-warning-icon,#eec840))}
2
2
  /*$vite$:1*/
package/index.js CHANGED
@@ -508,7 +508,7 @@ var X = /* @__PURE__ */ function(e) {
508
508
  onClick: () => n(i),
509
509
  className: ne("flex-1 justify-center rounded-full", r)
510
510
  }, i))
511
- })), He = { button: "_button_8xsgo_1" }, Ue = N(({ label: e, onClick: t, labelClassName: n = "dial-small-semi-text", colors: i }) => /* @__PURE__ */ B("div", {
511
+ })), He = { button: "_button_1vksy_1" }, Ue = N(({ label: e, onClick: t, labelClassName: n = "dial-small-semi-text", colors: i }) => /* @__PURE__ */ B("div", {
512
512
  className: "px-3 py-2",
513
513
  style: r({
514
514
  "--cp-new-chat-bg": i?.background,
@@ -518,7 +518,7 @@ var X = /* @__PURE__ */ function(e) {
518
518
  children: /* @__PURE__ */ V("button", {
519
519
  onClick: t,
520
520
  type: "button",
521
- className: a("flex h-[36px] w-full cursor-pointer items-center justify-center gap-2 rounded-full px-3 py-1 shadow-chat-button hover:shadow-xs focus-visible:shadow-xs active:shadow-xs", He.button),
521
+ className: a("flex h-[36px] w-full cursor-pointer items-center justify-center gap-2 px-3 py-1 shadow-chat-button hover:shadow-xs focus-visible:shadow-xs active:shadow-xs", He.button),
522
522
  children: [/* @__PURE__ */ B(he, {
523
523
  size: 18,
524
524
  stroke: _,
@@ -530,14 +530,15 @@ var X = /* @__PURE__ */ function(e) {
530
530
  })
531
531
  })), Q = {
532
532
  skeletonColor: "var(--cp-skeleton-color, var(--bg-control-disable-primary, #dce0e8))",
533
- item: "_item_1c8qk_1",
534
- itemActive: "_itemActive_1c8qk_7",
535
- groupHeader: "_groupHeader_1c8qk_12",
536
- taskBadge: "_taskBadge_1c8qk_16",
537
- dropZoneActive: "_dropZoneActive_1c8qk_22",
538
- triggerActive: "_triggerActive_1c8qk_27",
539
- triggerIcon: "_triggerIcon_1c8qk_30",
540
- unreadDot: "_unreadDot_1c8qk_38"
533
+ item: "_item_i3lsf_2",
534
+ itemActive: "_itemActive_i3lsf_15",
535
+ groupHeader: "_groupHeader_i3lsf_20",
536
+ taskBadge: "_taskBadge_i3lsf_24",
537
+ dropZoneActive: "_dropZoneActive_i3lsf_30",
538
+ triggerActive: "_triggerActive_i3lsf_35",
539
+ triggerIcon: "_triggerIcon_i3lsf_38",
540
+ unreadDot: "_unreadDot_i3lsf_46",
541
+ search: "_search_i3lsf_54"
541
542
  }, We = ({ label: e, isExpanded: t, onToggle: n, listId: r, className: i = "dial-tiny-lead-text", dropZoneGroupKey: o, isDragOver: s, onDragOver: c, onDragLeave: l, onDrop: u }) => {
542
543
  let d = o != null;
543
544
  return /* @__PURE__ */ V("button", {
@@ -641,7 +642,7 @@ var X = /* @__PURE__ */ function(e) {
641
642
  "aria-current": n ? "page" : void 0,
642
643
  onClick: e.href ? void 0 : () => r(e.id),
643
644
  tabIndex: e.href ? -1 : void 0,
644
- className: a("h-8 w-full justify-start gap-2 rounded-xl py-2 ps-0 after:pointer-events-none", I, Q.item, n && Q.itemActive, j && Q.itemActive)
645
+ className: a("h-8 w-full justify-start gap-2 py-2 ps-0 after:pointer-events-none", I, Q.item, n && Q.itemActive, j && Q.itemActive)
645
646
  })
646
647
  }), F && /* @__PURE__ */ B("div", {
647
648
  className: a("absolute inset-y-0 end-1 flex items-center", j ? "opacity-100" : "opacity-0 group-focus-within/conversation:opacity-100 group-hover/conversation:opacity-100"),
@@ -721,7 +722,7 @@ var X = /* @__PURE__ */ function(e) {
721
722
  n.Shared,
722
723
  n.Organization
723
724
  ]), Xe = N(({ conversations: e, isLoading: t, isOpen: i, onSelectConversation: o, activeConversationId: s, labels: f, onNewChat: p, styles: m, className: h, getActions: g, onActionMenuOpen: _, onToggle: v, headerActions: y, onMoveConversation: b, activeFilter: x, onActiveFilterChange: S, isFilterTabsHidden: C = !1 }) => {
724
- let { colors: w, typography: T, newChatButton: E, searchWrapperClassName: ee = "rounded-full" } = m ?? {}, { title: k, emptyLabel: A, noResultsLabel: j, loadingLabel: te = "Loading conversations", newChatLabel: ne, searchPlaceholder: M, searchClearLabel: N, filterLabels: ie, groupLabels: I, actionsLabel: ae, unreadIndicatorLabel: H, closeAriaLabel: oe } = f, [U, se] = z(""), [ce, le] = z(n.All);
725
+ let { colors: w, typography: T, newChatButton: E, searchWrapperClassName: ee } = m ?? {}, { title: k, emptyLabel: A, noResultsLabel: j, loadingLabel: te = "Loading conversations", newChatLabel: ne, searchPlaceholder: M, searchClearLabel: N, filterLabels: ie, groupLabels: I, actionsLabel: ae, unreadIndicatorLabel: H, closeAriaLabel: oe } = f, [U, se] = z(""), [ce, le] = z(n.All);
725
726
  F(() => {
726
727
  x != null && le(x);
727
728
  }, [x]);
@@ -911,7 +912,7 @@ var X = /* @__PURE__ */ function(e) {
911
912
  role: "search",
912
913
  className: "px-3 py-2",
913
914
  children: /* @__PURE__ */ B(D, {
914
- wrapperClassName: ee,
915
+ wrapperClassName: a(Q.search, ee),
915
916
  value: U,
916
917
  onChange: q,
917
918
  placeholder: M,
@@ -107,10 +107,10 @@ export interface ConversationPanelStyles {
107
107
  /** Typography class applied to the task pill badge in each conversation row. Defaults to `'dial-caption-lead-semi-text'`. Colors come from the module stylesheet. */
108
108
  taskBadgeClassName?: string;
109
109
  /**
110
- * CSS class applied to the search field's wrapper. Defaults to
111
- * `'rounded-full'`; a value here replaces that default instead of merging with
112
- * it, so a caller can set a different corner radius without two competing
113
- * `rounded-*` utilities on the same element.
110
+ * Extra CSS class merged onto the search field's wrapper. The wrapper's
111
+ * corner radius is themed with the `--cp-search-radius` custom property, so
112
+ * this is only needed for anything the panel's own stylesheet does not
113
+ * cover; a `rounded-*` utility passed here still wins over that property.
114
114
  */
115
115
  searchWrapperClassName?: string;
116
116
  }
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.361",
4
+ "version": "1.1.0-dev.363",
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.361",
27
- "@epam/ai-dial-sidebar": "1.1.0-dev.361"
26
+ "@epam/ai-dial-chat-shared": "1.1.0-dev.363",
27
+ "@epam/ai-dial-sidebar": "1.1.0-dev.363"
28
28
  },
29
29
  "repository": {
30
30
  "type": "git",