@webless/agent 0.14.1 → 0.14.3

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.
package/dist/embed.css CHANGED
@@ -166,6 +166,42 @@
166
166
  pointer-events: auto;
167
167
  }
168
168
  }
169
+ .webless-agent-root__shell--popup:not(.webless-agent-root__shell--expanded) {
170
+ display: block;
171
+ inset: auto;
172
+ }
173
+ .webless-agent-root__shell--popup:not(.webless-agent-root__shell--collapsed):not(.webless-agent-root__shell--expanded) .webless-agent-root__rail-slot {
174
+ position: fixed;
175
+ top: auto;
176
+ right: 16px;
177
+ bottom: 16px;
178
+ left: auto;
179
+ width: var(--as-rail-max-width);
180
+ height: min(80vh, calc(100dvh - 32px));
181
+ display: flex;
182
+ flex-direction: column;
183
+ min-height: 0;
184
+ overflow: hidden;
185
+ transform: none;
186
+ opacity: 1;
187
+ pointer-events: auto;
188
+ }
189
+ .webless-agent-root__shell--popup.webless-agent-root__shell--collapsed .webless-agent-root__rail-slot {
190
+ position: fixed;
191
+ top: auto;
192
+ right: 16px;
193
+ bottom: 16px;
194
+ left: auto;
195
+ transform: translateY(16px);
196
+ }
197
+ .webless-agent-root__shell--popup:not(.webless-agent-root__shell--expanded) .webless-agent-root__rail-slot .agent-rail:not(.agent-rail--expanded):not(.agent-rail--mobile-fullscreen) {
198
+ width: 100%;
199
+ height: 100%;
200
+ min-height: 0;
201
+ max-height: 100%;
202
+ border-radius: 16px;
203
+ border-left: 1px solid var(--as-hairline);
204
+ }
169
205
 
170
206
  /* src/react/styles/page-shift.css */
171
207
  html.webless-agent-page-shift {
@@ -3438,6 +3474,59 @@ summary.agent-transcript__activity-heading::before {
3438
3474
  .agent-rail__sources-button[aria-expanded=true] .agent-rail__sources-button-chevron {
3439
3475
  transform: rotate(180deg);
3440
3476
  }
3477
+ .webless-agent-root .agent-rail__answer-actions > button.agent-rail__sources-button {
3478
+ display: inline-flex;
3479
+ flex: 0 0 auto;
3480
+ align-items: center;
3481
+ justify-content: flex-start;
3482
+ width: auto !important;
3483
+ max-width: 100%;
3484
+ min-width: 0 !important;
3485
+ height: auto !important;
3486
+ min-height: 28px !important;
3487
+ max-height: none !important;
3488
+ margin: 0 0 0 auto;
3489
+ padding: 4px 8px !important;
3490
+ border: 0;
3491
+ border-radius: 8px !important;
3492
+ background: transparent !important;
3493
+ box-shadow: none !important;
3494
+ font-family: var(--as-font-body);
3495
+ font-size: 12px !important;
3496
+ font-style: normal;
3497
+ font-weight: 650;
3498
+ letter-spacing: normal;
3499
+ line-height: 1.4;
3500
+ text-align: left;
3501
+ text-transform: none;
3502
+ color: var(--as-text-subtle);
3503
+ }
3504
+ .webless-agent-root .agent-rail__answer-actions > button.agent-rail__sources-button:hover {
3505
+ color: var(--as-text);
3506
+ background: var(--as-surface-muted);
3507
+ }
3508
+ .webless-agent-root .agent-rail__sources-button .agent-rail__sources-button-chevron {
3509
+ display: inline-flex;
3510
+ flex: 0 0 auto;
3511
+ align-items: center;
3512
+ justify-content: center;
3513
+ width: auto;
3514
+ height: auto;
3515
+ min-width: 0;
3516
+ min-height: 0;
3517
+ padding: 0;
3518
+ margin: 0;
3519
+ border: 0;
3520
+ border-radius: 0;
3521
+ background: transparent;
3522
+ box-shadow: none;
3523
+ pointer-events: none;
3524
+ }
3525
+ .webless-agent-root .agent-rail__sources-button .agent-rail__sources-button-chevron svg {
3526
+ display: block;
3527
+ width: 13px;
3528
+ height: 13px;
3529
+ }
3441
3530
  .agent-rail__sources-panel {
3442
3531
  display: grid;
3443
3532
  width: 100%;
@@ -3772,9 +3861,9 @@ summary.agent-transcript__activity-heading::before {
3772
3861
  }
3773
3862
  .assist-edge-tab__mark--chip {
3774
3863
  overflow: hidden;
3775
- width: 48px;
3776
- height: 48px;
3777
- flex: 0 0 48px;
3864
+ width: 36px;
3865
+ height: 36px;
3866
+ flex: 0 0 36px;
3778
3867
  border: none;
3779
3868
  border-radius: 50%;
3780
3869
  background:
@@ -3792,8 +3881,8 @@ summary.agent-transcript__activity-heading::before {
3792
3881
  }
3793
3882
  .assist-edge-tab__mark--chip:has(> .assist-edge-tab__logo--wide) {
3794
3883
  width: auto;
3795
- min-width: 48px;
3796
- max-width: 120px;
3884
+ min-width: 36px;
3885
+ max-width: 96px;
3797
3886
  padding: 0 8px;
3798
3887
  border-radius: 999px;
3799
3888
  }