@epam/ai-dial-conversation-panel 1.3.0-dev.9 → 1.3.0-dev.90

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,5 +1,5 @@
1
1
  import { RowComponentProps } from 'react-window';
2
2
  import { RowRendererData } from '../../models/virtual-row';
3
3
  /** Renders a single virtual row — either a collapsible group header or a conversation item. */
4
- export declare const RowRenderer: ({ index, style, rows, expandedGroups, onToggleGroup, listId, activeConversationId, searchQuery, onSelectConversation, getActions, onActionMenuOpen, actionsLabel, unreadIndicatorLabel, styles, draggingId, dragOverId, allowedDropGroups, onDragStart, onDragEnd, onDragOver, onDragLeave, onDrop, }: RowComponentProps<RowRendererData>) => import("react").JSX.Element;
4
+ export declare const RowRenderer: ({ index, style, rows, expandedGroups, onToggleGroup, listId, activeConversationId, searchQuery, onSelectConversation, getActions, onActionMenuOpen, actionsLabel, unreadIndicatorLabel, styles, draggingId, dragOverId, allowedDropGroups, onDragStart, onDragEnd, onDragOver, onDragLeave, onDrop, }: RowComponentProps<RowRendererData>) => import('react').JSX.Element;
5
5
  //# sourceMappingURL=RowRenderer.d.ts.map
package/index.css CHANGED
@@ -1,2 +1,3 @@
1
- ._button_vjird_1{background:var(--cp-new-chat-bg,var(--bg-control-neutral,#fcfcfc));color:var(--cp-new-chat-text,var(--text-accent,#1d4ed8))}._button_vjird_1._button_vjird_1:focus-visible{outline:1px solid var(--cp-new-chat-focus-outline,var(--stroke-focus,#161b2d));outline-offset:0}._item_j0zft_2{color:var(--cp-text,var(--text-primary,#161b2d));border-radius:var(--cp-row-radius,.75rem)}._item_j0zft_2:hover{background:var(--cp-item-hover,var(--bg-control-accent-alpha,#2764d90f))}._item_j0zft_2._itemActive_j0zft_15{background:var(--cp-item-active,var(--bg-control-accent-alpha,#2764d90f));color:var(--cp-text,var(--text-primary,#161b2d))}._groupHeader_j0zft_20{color:var(--cp-text-secondary,var(--text-tertiary,#848e9c))}._dropZoneActive_j0zft_24{--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_j0zft_29{background:var(--cp-trigger-bg,var(--bg-control-accent-alpha-active,#2764d933))}._triggerActive_j0zft_29 ._triggerIcon_j0zft_32{color:var(--cp-trigger-icon,var(--text-accent,#1d4ed8))}._triggerIcon_j0zft_32{color:var(--cp-trigger-icon-idle,var(--text-secondary,#57647a))}._unreadDot_j0zft_40{background:var(--cp-unread-dot,var(--text-accent,#1d4ed8))}._search_j0zft_48{border-radius:var(--cp-search-radius,9999px)}
2
- /*$vite$:1*/.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-y-0{bottom:0;top:0}.end-1{inset-inline-end:.25rem}.flex{display:flex}.contents{display:contents}.hidden{display:none}.size-6{height:1.5rem;width:1.5rem}.size-\[7\.11px\]{height:7.11px;width:7.11px}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[120px\]{height:120px}.h-\[36px\]{height:36px}.h-\[64px\]{height:64px}.w-0{width:0}.w-\[200px\]{width:200px}.w-\[324px\]{width:324px}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.cursor-grabbing{cursor:grabbing}.cursor-not-allowed{cursor:not-allowed}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.overflow-hidden{overflow:hidden}.rounded{border-radius:4px}.rounded-full{border-radius:9999px}.border{border-width:1px}.p-0{padding:0}.\!px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.pe-2{padding-inline-end:.5rem}.pe-3{padding-inline-end:.75rem}.pe-9{padding-inline-end:2.25rem}.ps-3{padding-inline-start:.75rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-8{padding-top:2rem}.text-start{text-align:start}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.shadow-chat-button{--tw-shadow:0 2px 12px 0 var(--shadow-xs-1,#2764d933),0 2px 6px 0 var(--shadow-xs-2,#161b2d08);--tw-shadow-colored:0 2px 12px 0 var(--tw-shadow-color),0 2px 6px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ring{--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(3px + 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)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-opacity{transition-duration:.15s}.after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.hover\:shadow-xs:hover{--tw-shadow:0 1px 4px 0 var(--shadow-xs-1,#2764d933),0 1px 2px 0 var(--shadow-xs-2,#161b2d08);--tw-shadow-colored:0 1px 4px 0 var(--tw-shadow-color),0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus-visible\:shadow-xs:focus-visible{--tw-shadow:0 1px 4px 0 var(--shadow-xs-1,#2764d933),0 1px 2px 0 var(--shadow-xs-2,#161b2d08);--tw-shadow-colored:0 1px 4px 0 var(--tw-shadow-color),0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.active\:shadow-xs:active{--tw-shadow:0 1px 4px 0 var(--shadow-xs-1,#2764d933),0 1px 2px 0 var(--shadow-xs-2,#161b2d08);--tw-shadow-colored:0 1px 4px 0 var(--tw-shadow-color),0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group\/conversation:focus-within .group-focus-within\/conversation\:pe-9{padding-inline-end:2.25rem}.group\/conversation:focus-within .group-focus-within\/conversation\:opacity-0{opacity:0}.group\/conversation:focus-within .group-focus-within\/conversation\:opacity-100{opacity:1}.group\/conversation:hover .group-hover\/conversation\:pe-9{padding-inline-end:2.25rem}.group\/conversation:hover .group-hover\/conversation\:opacity-0{opacity:0}.group:hover .group-hover\:opacity-100,.group\/conversation:hover .group-hover\/conversation\:opacity-100{opacity:1}.group:focus-visible .group-focus-visible\:opacity-100{opacity:1}@media (max-width:1279px){.mobile\:w-full{width:100%}}.rtl\:scale-x-\[-1\]:where([dir=rtl],[dir=rtl] *){--tw-scale-x:-1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
1
+ ._button_vjird_1{background:var(--cp-new-chat-bg,var(--bg-control-neutral,#fcfcfc));color:var(--cp-new-chat-text,var(--text-accent,#1d4ed8))}._button_vjird_1._button_vjird_1:focus-visible{outline:1px solid var(--cp-new-chat-focus-outline,var(--stroke-focus,#161b2d));outline-offset:0}._item_qa9lf_2{color:var(--cp-text,var(--text-primary,#161b2d));border-radius:var(--cp-row-radius,.75rem)}._item_qa9lf_2:hover{background:var(--cp-item-hover,var(--bg-control-accent-alpha,#2764d90f))}._item_qa9lf_2._itemActive_qa9lf_15{background:var(--cp-item-active,var(--bg-control-accent-alpha,#2764d90f));color:var(--cp-text,var(--text-primary,#161b2d))}._groupHeader_qa9lf_20{color:var(--cp-text-secondary,var(--text-tertiary,#848e9c))}._dropZoneActive_qa9lf_24{box-shadow:inset 0 0 0 1px var(--cp-drop-zone-ring,var(--stroke-accent,#1d4ed8))}._triggerActive_qa9lf_28{background:var(--cp-trigger-bg,var(--bg-control-accent-alpha-active,#2764d933))}._triggerActive_qa9lf_28 ._triggerIcon_qa9lf_31{color:var(--cp-trigger-icon,var(--text-accent,#1d4ed8))}._triggerIcon_qa9lf_31{color:var(--cp-trigger-icon-idle,var(--text-secondary,#57647a))}._unreadDot_qa9lf_39{background:var(--cp-unread-dot,var(--text-accent,#1d4ed8))}._search_qa9lf_47{border-radius:var(--cp-search-radius,9999px)}
2
+ /*$vite$:1*//*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
3
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.inset-y-0{inset-block:0}.end-1{inset-inline-end:.25rem}.contents{display:contents}.flex{display:flex}.hidden{display:none}.size-6{width:1.5rem;height:1.5rem}.size-\[7\.11px\]{width:7.11px;height:7.11px}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[36px\]{height:36px}.h-\[64px\]{height:64px}.h-\[120px\]{height:120px}.w-0{width:0}.w-\[200px\]{width:200px}.w-\[324px\]{width:324px}.w-full{width:100%}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.cursor-grabbing{cursor:grabbing}.cursor-not-allowed{cursor:not-allowed}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.overflow-hidden{overflow:hidden}.rounded{border-radius:4px}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.p-0{padding:0}.\!px-2{padding-inline:.5rem!important}.px-2{padding-inline:.5rem}.px-3{padding-inline:.75rem}.px-6{padding-inline:1.5rem}.py-1{padding-block:.25rem}.py-2{padding-block:.5rem}.py-3{padding-block:.75rem}.py-4{padding-block:1rem}.ps-3{padding-inline-start:.75rem}.pe-2{padding-inline-end:.5rem}.pe-3{padding-inline-end:.75rem}.pe-9{padding-inline-end:2.25rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-8{padding-top:2rem}.text-start{text-align:start}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.shadow-chat-button{--tw-shadow:0 2px 12px 0 var(--tw-shadow-color,var(--shadow-xs-1,#2764d933)), 0 2px 6px 0 var(--tw-shadow-color,var(--shadow-xs-2,#161b2d08));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,cubic-bezier(.4, 0, .2, 1));transition-duration:var(--tw-duration,.15s)}.duration-150{--tw-duration:.15s;transition-duration:.15s}.group-focus-within\/conversation\:pe-9:is(:where(.group\/conversation):focus-within *){padding-inline-end:2.25rem}.group-focus-within\/conversation\:opacity-0:is(:where(.group\/conversation):focus-within *){opacity:0}.group-focus-within\/conversation\:opacity-100:is(:where(.group\/conversation):focus-within *){opacity:1}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\/conversation\:pe-9:is(:where(.group\/conversation):hover *){padding-inline-end:2.25rem}.group-hover\/conversation\:opacity-0:is(:where(.group\/conversation):hover *){opacity:0}.group-hover\/conversation\:opacity-100:is(:where(.group\/conversation):hover *){opacity:1}}.group-focus-visible\:opacity-100:is(:where(.group):focus-visible *){opacity:1}.after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}@media (hover:hover){.hover\:shadow-xs:hover{--tw-shadow:0 1px 4px 0 var(--tw-shadow-color,var(--shadow-xs-1,#2764d933)), 0 1px 2px 0 var(--tw-shadow-color,var(--shadow-xs-2,#161b2d08));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus-visible\:shadow-xs:focus-visible,.active\:shadow-xs:active{--tw-shadow:0 1px 4px 0 var(--tw-shadow-color,var(--shadow-xs-1,#2764d933)), 0 1px 2px 0 var(--tw-shadow-color,var(--shadow-xs-2,#161b2d08));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.rtl\:scale-x-\[-1\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-scale-x:-1;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (max-width:1279px){.mobile\:w-full{width:100%}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}
package/index.js CHANGED
@@ -532,14 +532,14 @@ var X = /* @__PURE__ */ function(e) {
532
532
  })
533
533
  })), Z = {
534
534
  skeletonColor: "var(--cp-skeleton-color, var(--bg-control-disable-primary, #dce0e8))",
535
- item: "_item_j0zft_2",
536
- itemActive: "_itemActive_j0zft_15",
537
- groupHeader: "_groupHeader_j0zft_20",
538
- dropZoneActive: "_dropZoneActive_j0zft_24",
539
- triggerActive: "_triggerActive_j0zft_29",
540
- triggerIcon: "_triggerIcon_j0zft_32",
541
- unreadDot: "_unreadDot_j0zft_40",
542
- search: "_search_j0zft_48"
535
+ item: "_item_qa9lf_2",
536
+ itemActive: "_itemActive_qa9lf_15",
537
+ groupHeader: "_groupHeader_qa9lf_20",
538
+ dropZoneActive: "_dropZoneActive_qa9lf_24",
539
+ triggerActive: "_triggerActive_qa9lf_28",
540
+ triggerIcon: "_triggerIcon_qa9lf_31",
541
+ unreadDot: "_unreadDot_qa9lf_39",
542
+ search: "_search_qa9lf_47"
543
543
  }, je = ({ label: e, isExpanded: t, onToggle: n, listId: r, className: a = "dial-tiny-lead-text", dropZoneGroupKey: o, isDragOver: s, onDragOver: c, onDragLeave: l, onDrop: u }) => {
544
544
  let d = o != null;
545
545
  return /* @__PURE__ */ re("button", {
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.3.0-dev.9",
4
+ "version": "1.3.0-dev.90",
5
5
  "license": "Apache-2.0",
6
6
  "type": "module",
7
7
  "main": "./index.js",
@@ -19,12 +19,12 @@
19
19
  "dependencies": {
20
20
  "react-window": "^2.2.7",
21
21
  "@tabler/icons-react": "^3.44.0",
22
- "@epam/ai-dial-sidebar": "1.3.0-dev.9"
22
+ "@epam/ai-dial-sidebar": "1.3.0-dev.90"
23
23
  },
24
24
  "peerDependencies": {
25
25
  "react": "^19.2.8",
26
- "@epam/ai-dial-chat-shared": "1.3.0-dev.9",
27
- "@epam/ai-dial-ui-kit": "^0.15.0"
26
+ "@epam/ai-dial-chat-shared": "1.3.0-dev.90",
27
+ "@epam/ai-dial-ui-kit": "^0.16.0-dev.13"
28
28
  },
29
29
  "repository": {
30
30
  "type": "git",