@paymanai/payman-ask-sdk 4.0.28 → 4.0.29

package/dist/styles.css

@@ -207,7 +207,6 @@
   scrollbar-gutter: stable;
 }
 .payman-v2-root {
-  position: relative;
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -220,617 +219,6 @@
   flex: 1 1 0%;
   min-height: 0;
 }
-.payman-v2-body {
-  display: flex;
-  flex: 1 1 0%;
-  min-height: 0;
-  width: 100%;
-}
-.payman-v2-chat-column {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  flex: 1 1 0%;
-  min-width: 0;
-  min-height: 0;
-}
-.payman-v2-sessions-peek-anchor {
-  position: absolute;
-  top: 12px;
-  left: 12px;
-  z-index: 10;
-}
-.payman-v2-sessions-reopen-btn {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  border: 1px solid var(--payman-v2-border-1);
-  border-radius: var(--payman-v2-radius-sm);
-  background: var(--payman-v2-bg);
-  color: var(--payman-v2-text-2);
-  cursor: pointer;
-  box-shadow: var(--payman-v2-shadow-input);
-  transition: background 0.15s ease, color 0.15s ease;
-}
-.payman-v2-sessions-reopen-btn:hover {
-  background: var(--payman-v2-hover);
-  color: var(--payman-v2-text-1);
-}
-.payman-v2-sessions-peek {
-  position: absolute;
-  top: calc(100% + 8px);
-  left: 0;
-  z-index: 20;
-  display: flex;
-  flex-direction: column;
-  width: 260px;
-  max-height: min(420px, 70vh);
-  border: 1px solid var(--payman-v2-border-1);
-  border-radius: var(--payman-v2-radius-lg);
-  background: var(--payman-v2-bg);
-  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.16);
-  overflow: hidden;
-  animation: payman-v2-sessions-peek-in 0.12s ease-out;
-}
-@keyframes payman-v2-sessions-peek-in {
-  from {
-    opacity: 0;
-    transform: translateY(-2px) scale(0.98);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0) scale(1);
-  }
-}
-.payman-v2-sessions-peek-header {
-  display: flex;
-  align-items: center;
-  padding: 10px 12px 6px;
-}
-.payman-v2-sessions-peek-title {
-  font-size: 12.5px;
-  font-weight: 600;
-  color: var(--payman-v2-text-2);
-}
-.payman-v2-sessions-peek-new-btn {
-  margin-top: 0;
-}
-.payman-v2-sessions-peek .payman-v2-sessions-list {
-  max-height: 320px;
-}
-.payman-v2-sessions-peek .payman-v2-session-row-title {
-  font-size: 13px;
-}
-.payman-v2-sessions-sidebar {
-  position: relative;
-  width: var(--payman-v2-sessions-width, 264px);
-  flex-shrink: 0;
-  height: 100%;
-  overflow: hidden;
-  border-right: 1px solid var(--payman-v2-border-1);
-  background: var(--payman-v2-bg-secondary);
-  transition: width 0.24s cubic-bezier(0.4, 0, 0.2, 1);
-}
-.payman-v2-sessions-sidebar-collapsed {
-  width: 0;
-  border-right-color: transparent;
-}
-.payman-v2-sessions-sidebar-resizing {
-  cursor: col-resize;
-  transition: none;
-}
-.payman-v2-sessions-sidebar-inner {
-  display: flex;
-  flex-direction: column;
-  width: var(--payman-v2-sessions-width, 264px);
-  height: 100%;
-  flex-shrink: 0;
-}
-.payman-v2-sessions-resizer {
-  position: absolute;
-  top: 0;
-  right: -4px;
-  width: 8px;
-  height: 100%;
-  cursor: col-resize;
-  z-index: 5;
-  touch-action: none;
-}
-.payman-v2-sessions-resizer::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 3px;
-  width: 2px;
-  height: 100%;
-  background: var(--payman-primary, #0f766e);
-  opacity: 0;
-  transition: opacity 0.15s ease;
-}
-.payman-v2-sessions-resizer:hover::after,
-.payman-v2-sessions-sidebar-resizing .payman-v2-sessions-resizer::after {
-  opacity: 0.5;
-}
-.payman-v2-sessions-resizer::before {
-  content: "";
-  position: absolute;
-  top: 50%;
-  left: 2px;
-  transform: translateY(-50%);
-  width: 4px;
-  height: 32px;
-  border-radius: 3px;
-  background: var(--payman-v2-border-1);
-  transition: background 0.15s ease, height 0.15s ease;
-}
-.payman-v2-sessions-resizer:hover::before,
-.payman-v2-sessions-sidebar-resizing .payman-v2-sessions-resizer::before {
-  background: var(--payman-primary, #0f766e);
-  height: 44px;
-}
-.payman-v2-sessions-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  height: 52px;
-  flex-shrink: 0;
-  padding: 0 8px 0 16px;
-}
-.payman-v2-sessions-title {
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--payman-v2-text-1);
-}
-.payman-v2-sessions-close {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 28px;
-  border: none;
-  border-radius: var(--payman-v2-radius-sm);
-  background: transparent;
-  color: var(--payman-v2-text-3);
-  cursor: pointer;
-  transition: background 0.15s ease, color 0.15s ease;
-}
-.payman-v2-sessions-close:hover {
-  background: var(--payman-v2-hover);
-  color: var(--payman-v2-text-1);
-}
-.payman-v2-sessions-list-wrap {
-  position: relative;
-  flex: 1 1 0%;
-  min-height: 0;
-  display: flex;
-  flex-direction: column;
-}
-.payman-v2-sessions-list-wrap::before,
-.payman-v2-sessions-list-wrap::after {
-  content: "";
-  position: absolute;
-  left: 0;
-  right: 0;
-  height: 14px;
-  pointer-events: none;
-  z-index: 3;
-  opacity: 0;
-  transition: opacity 0.16s ease;
-}
-.payman-v2-sessions-list-wrap::before {
-  top: 0;
-  background:
-    linear-gradient(
-      to bottom,
-      rgba(0, 0, 0, 0.14),
-      transparent);
-}
-.payman-v2-sessions-list-wrap::after {
-  bottom: 0;
-  background:
-    linear-gradient(
-      to top,
-      rgba(0, 0, 0, 0.14),
-      transparent);
-}
-.payman-v2-sessions-list-wrap.payman-v2-scroll-shadow-top::before {
-  opacity: 1;
-}
-.payman-v2-sessions-list-wrap.payman-v2-scroll-shadow-bottom::after {
-  opacity: 1;
-}
-.payman-v2-sessions-list {
-  flex: 1 1 0%;
-  min-height: 0;
-  overflow-y: auto;
-  padding: 2px 8px 8px;
-  scrollbar-width: thin;
-  scrollbar-color: var(--payman-v2-border-1) transparent;
-  scrollbar-gutter: stable;
-}
-.payman-v2-sessions-list::-webkit-scrollbar {
-  width: 6px;
-}
-.payman-v2-sessions-list::-webkit-scrollbar-track {
-  background: transparent;
-}
-.payman-v2-sessions-list::-webkit-scrollbar-thumb {
-  background: var(--payman-v2-border-1);
-  border-radius: 3px;
-}
-.payman-v2-sessions-list::-webkit-scrollbar-thumb:hover {
-  background: var(--payman-v2-text-4);
-}
-.payman-v2-sessions-list-compact {
-  padding: 2px 6px 6px;
-}
-.payman-v2-sessions-empty,
-.payman-v2-sessions-error {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  min-height: 100%;
-  padding: 32px 16px;
-  text-align: center;
-  color: var(--payman-v2-text-3);
-}
-.payman-v2-sessions-empty p,
-.payman-v2-sessions-error p {
-  margin: 0;
-  font-size: 13px;
-  line-height: 1.5;
-  max-width: 200px;
-}
-.payman-v2-sessions-error {
-  color: var(--payman-v2-error-color);
-}
-.payman-v2-sessions-error svg {
-  opacity: 0.9;
-}
-.payman-v2-sessions-retry-btn {
-  margin-top: 2px;
-  padding: 6px 14px;
-  border: 1px solid var(--payman-v2-border-1);
-  border-radius: var(--payman-v2-radius-full);
-  background: var(--payman-v2-bg);
-  color: var(--payman-v2-text-1);
-  font-size: 12px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: background 0.15s ease;
-}
-.payman-v2-sessions-retry-btn:hover {
-  background: var(--payman-v2-hover);
-}
-.payman-v2-sessions-load-more-btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  min-height: 34px;
-  margin: 6px 0 2px;
-  padding: 7px 14px;
-  border: 1px solid var(--payman-v2-border-1);
-  border-radius: var(--payman-v2-radius-md);
-  background: var(--payman-v2-bg);
-  color: var(--payman-v2-text-2);
-  font-size: 12px;
-  font-weight: 500;
-  cursor: pointer;
-  transition: background 0.15s ease;
-}
-.payman-v2-sessions-load-more-btn:hover:not(:disabled) {
-  background: var(--payman-v2-hover);
-}
-.payman-v2-sessions-load-more-btn:disabled {
-  cursor: default;
-}
-.payman-v2-spinner-sm {
-  width: 15px;
-  height: 15px;
-  border-width: 2px;
-}
-@keyframes payman-v2-spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-.payman-v2-spinner {
-  display: inline-block;
-  width: 22px;
-  height: 22px;
-  border-radius: 50%;
-  border: 2px solid var(--payman-v2-border-1);
-  border-top-color: var(--payman-primary, #0f766e);
-  animation: payman-v2-spin 0.7s linear infinite;
-}
-.payman-v2-chat-loading {
-  flex: 1 1 0%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 0;
-}
-.payman-v2-messages-loading-overlay {
-  position: absolute;
-  inset: 0;
-  z-index: 6;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: var(--payman-v2-bg);
-}
-.payman-v2-sessions-skeleton {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
-  padding: 4px 4px 0;
-}
-.payman-v2-sessions-skeleton-row {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  padding: 9px 10px;
-}
-.payman-v2-sessions-skeleton-meta {
-  display: flex;
-  align-items: center;
-  justify-content: space-around;
-}
-.payman-v2-sessions-skeleton-line {
-  border-radius: var(--payman-v2-radius-sm);
-  background: rgba(128, 128, 128, 0.25);
-  animation: payman-v2-sessions-shimmer 1.6s ease-in-out infinite;
-}
-.payman-v2-sessions-skeleton-line-title {
-  height: 10px;
-}
-.payman-v2-sessions-skeleton-pill {
-  height: 8px;
-  width: 38%;
-  border-radius: var(--payman-v2-radius-full);
-}
-@keyframes payman-v2-sessions-shimmer {
-  0%, 100% {
-    opacity: 0.45;
-  }
-  50% {
-    opacity: 1;
-  }
-}
-.payman-v2-session-row {
-  border-radius: var(--payman-v2-radius-md);
-  margin-bottom: 1px;
-  position: relative;
-  display: flex;
-  align-items: stretch;
-}
-.payman-v2-session-row-main {
-  flex: 1 1 0%;
-  min-width: 0;
-  display: flex;
-  flex-direction: column;
-  gap: 3px;
-  padding: 6px 8px;
-  border: none;
-  background: transparent;
-  border-radius: var(--payman-v2-radius-md);
-  text-align: left;
-  cursor: pointer;
-  transition: background 0.15s ease;
-}
-.payman-v2-session-row-main:hover {
-  background: var(--payman-v2-hover);
-}
-.payman-v2-session-row-selected .payman-v2-session-row-main {
-  background: color-mix(in srgb, var(--payman-primary, #0f766e) 12%, transparent);
-}
-.payman-v2-session-row-selected .payman-v2-session-row-main:hover {
-  background: color-mix(in srgb, var(--payman-primary, #0f766e) 16%, transparent);
-}
-.payman-v2-session-row-selected .payman-v2-session-row-title {
-  color: var(--payman-primary, #0f766e);
-}
-.payman-v2-session-row-title {
-  font-size: 13px;
-  font-weight: 500;
-  line-height: 1.3;
-  color: var(--payman-v2-text-1);
-  white-space: nowrap;
-  overflow: hidden;
-}
-.payman-v2-session-row-title[data-truncated=true] {
-  -webkit-mask-image:
-    linear-gradient(
-      to right,
-      #000 calc(100% - 12px),
-      transparent 100%);
-  mask-image:
-    linear-gradient(
-      to right,
-      #000 calc(100% - 12px),
-      transparent 100%);
-}
-.payman-v2-session-row-title[data-truncated=true][data-scrolling=true] {
-  -webkit-mask-image:
-    linear-gradient(
-      to right,
-      transparent 0,
-      #000 12px,
-      #000 calc(100% - 12px),
-      transparent 100%);
-  mask-image:
-    linear-gradient(
-      to right,
-      transparent 0,
-      #000 12px,
-      #000 calc(100% - 12px),
-      transparent 100%);
-}
-.payman-v2-session-row-title-text {
-  display: inline-block;
-  white-space: nowrap;
-  transition: transform 0.35s linear;
-  will-change: transform;
-}
-.payman-v2-session-row-meta {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.payman-v2-session-row-meta-item {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  font-size: 10.5px;
-  color: var(--payman-v2-text-3);
-  white-space: nowrap;
-}
-.payman-v2-session-row-meta-item:first-child {
-  flex-shrink: 0;
-  min-width: 88px;
-}
-.payman-v2-session-row-meta-item svg {
-  flex-shrink: 0;
-  opacity: 0.85;
-}
-.payman-v2-session-row-menu-wrap {
-  position: relative;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  padding-right: 4px;
-}
-.payman-v2-session-row-menu-btn {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  border: none;
-  background: transparent;
-  border-radius: var(--payman-v2-radius-sm);
-  color: var(--payman-v2-text-3);
-  cursor: pointer;
-  opacity: 0;
-  transition:
-    opacity 0.15s ease,
-    background 0.15s ease,
-    color 0.15s ease;
-}
-.payman-v2-session-row:hover .payman-v2-session-row-menu-btn,
-.payman-v2-session-row-menu-btn-active {
-  opacity: 1;
-}
-.payman-v2-session-row-menu-btn:hover {
-  background: var(--payman-v2-hover);
-  color: var(--payman-v2-text-1);
-}
-.payman-v2-session-row-menu {
-  position: absolute;
-  right: 4px;
-  top: calc(100% + 2px);
-  z-index: 20;
-  min-width: 140px;
-  padding: 4px;
-  border-radius: var(--payman-v2-radius-md);
-  border: 1px solid var(--payman-v2-border-1);
-  background: var(--payman-v2-bg);
-  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
-}
-.payman-v2-session-row-menu-item {
-  display: block;
-  width: 100%;
-  padding: 7px 10px;
-  border: none;
-  background: transparent;
-  border-radius: var(--payman-v2-radius-sm);
-  font-size: 13px;
-  color: var(--payman-v2-text-1);
-  text-align: left;
-  cursor: pointer;
-}
-.payman-v2-session-row-menu-item:hover {
-  background: var(--payman-v2-hover);
-}
-.payman-v2-session-row-menu-item-destructive {
-  color: var(--payman-v2-error-color);
-}
-.payman-v2-sessions-new-btn {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  flex-shrink: 0;
-  width: calc(100% - 16px);
-  margin: 2px 8px 8px;
-  padding: 7px 8px;
-  border: none;
-  border-radius: var(--payman-v2-radius-md);
-  background: var(--payman-primary, #0f766e);
-  color: #ffffff;
-  font-size: 13px;
-  font-weight: 600;
-  text-align: left;
-  cursor: pointer;
-  transition: background 0.15s ease;
-}
-.payman-v2-sessions-new-btn:hover {
-  background: color-mix(in srgb, var(--payman-primary, #0f766e) 88%, black);
-}
-.payman-v2-sessions-new-btn:active {
-  background: color-mix(in srgb, var(--payman-primary, #0f766e) 78%, black);
-}
-.payman-v2-sessions-new-btn svg {
-  flex-shrink: 0;
-  display: block;
-}
-.payman-v2-sessions-divider {
-  flex-shrink: 0;
-  height: 1px;
-  margin: 2px 14px 8px;
-  background:
-    linear-gradient(
-      to right,
-      transparent,
-      var(--payman-v2-border-1) 15%,
-      var(--payman-v2-border-1) 85%,
-      transparent);
-}
-.payman-v2-sessions-sheet-backdrop {
-  position: absolute;
-  inset: 0;
-  background: rgba(0, 0, 0, 0.4);
-  z-index: 40;
-}
-.payman-v2-sessions-sheet {
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 41;
-  max-height: 75%;
-  display: flex;
-  flex-direction: column;
-  background: var(--payman-v2-bg-secondary);
-  border: 1px solid var(--payman-v2-border-1);
-  border-bottom: none;
-  border-top-left-radius: var(--payman-v2-radius-lg);
-  border-top-right-radius: var(--payman-v2-radius-lg);
-  box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.16);
-  overflow: hidden;
-}
-.payman-v2-sessions-sheet-grabber {
-  width: 36px;
-  height: 4px;
-  border-radius: var(--payman-v2-radius-full);
-  background: var(--payman-v2-border-1);
-  margin: 10px auto 2px;
-  flex-shrink: 0;
-}
 .payman-v2-empty-state {
   flex: 1 1 0%;
   display: flex;
@@ -1709,7 +1097,7 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 0.125rem 0.75rem 0.75rem;
+  padding: 0.125rem 0.75rem 0.625rem;
 }
 .payman-v2-input-controls-left {
   display: flex;
@@ -2397,7 +1785,7 @@
   width: 100%;
   max-width: var(--payman-v2-max-content-width);
   margin: 0 auto;
-  padding: 0 1rem;
+  padding: 0 1rem 0.75rem;
 }
 @media (min-width: 640px) {
   .payman-v2-ua-dock-panel {
@@ -2408,6 +1796,19 @@
 .payman-v2-ua-dock-panel .payman-v2-ua {
   max-width: none;
   width: 100%;
+  display: flex;
+  flex-direction: column;
+  max-height: min(70vh, 34rem);
+}
+.payman-v2-ua-dock-panel .payman-v2-ua > * {
+  flex: none;
+}
+.payman-v2-ua-dock-panel .payman-v2-ua-form {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow-y: auto;
+  padding: 3px 4px;
+  margin: -3px -4px 0.75rem;
 }
 .payman-v2-file-card {
   margin-top: 0.75rem;