@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/react.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 {
@@ -3340,6 +3376,59 @@ html.webless-agent-page-shift {
3340
3376
  .agent-rail__sources-button[aria-expanded=true] .agent-rail__sources-button-chevron {
3341
3377
  transform: rotate(180deg);
3342
3378
  }
3379
+ .webless-agent-root .agent-rail__answer-actions > button.agent-rail__sources-button {
3380
+ display: inline-flex;
3381
+ flex: 0 0 auto;
3382
+ align-items: center;
3383
+ justify-content: flex-start;
3384
+ width: auto !important;
3385
+ max-width: 100%;
3386
+ min-width: 0 !important;
3387
+ height: auto !important;
3388
+ min-height: 28px !important;
3389
+ max-height: none !important;
3390
+ margin: 0 0 0 auto;
3391
+ padding: 4px 8px !important;
3392
+ border: 0;
3393
+ border-radius: 8px !important;
3394
+ background: transparent !important;
3395
+ box-shadow: none !important;
3396
+ font-family: var(--as-font-body);
3397
+ font-size: 12px !important;
3398
+ font-style: normal;
3399
+ font-weight: 650;
3400
+ letter-spacing: normal;
3401
+ line-height: 1.4;
3402
+ text-align: left;
3403
+ text-transform: none;
3404
+ color: var(--as-text-subtle);
3405
+ }
3406
+ .webless-agent-root .agent-rail__answer-actions > button.agent-rail__sources-button:hover {
3407
+ color: var(--as-text);
3408
+ background: var(--as-surface-muted);
3409
+ }
3410
+ .webless-agent-root .agent-rail__sources-button .agent-rail__sources-button-chevron {
3411
+ display: inline-flex;
3412
+ flex: 0 0 auto;
3413
+ align-items: center;
3414
+ justify-content: center;
3415
+ width: auto;
3416
+ height: auto;
3417
+ min-width: 0;
3418
+ min-height: 0;
3419
+ padding: 0;
3420
+ margin: 0;
3421
+ border: 0;
3422
+ border-radius: 0;
3423
+ background: transparent;
3424
+ box-shadow: none;
3425
+ pointer-events: none;
3426
+ }
3427
+ .webless-agent-root .agent-rail__sources-button .agent-rail__sources-button-chevron svg {
3428
+ display: block;
3429
+ width: 13px;
3430
+ height: 13px;
3431
+ }
3343
3432
  .agent-rail__sources-panel {
3344
3433
  display: grid;
3345
3434
  width: 100%;
@@ -3674,9 +3763,9 @@ html.webless-agent-page-shift {
3674
3763
  }
3675
3764
  .assist-edge-tab__mark--chip {
3676
3765
  overflow: hidden;
3677
- width: 48px;
3678
- height: 48px;
3679
- flex: 0 0 48px;
3766
+ width: 36px;
3767
+ height: 36px;
3768
+ flex: 0 0 36px;
3680
3769
  border: none;
3681
3770
  border-radius: 50%;
3682
3771
  background:
@@ -3694,8 +3783,8 @@ html.webless-agent-page-shift {
3694
3783
  }
3695
3784
  .assist-edge-tab__mark--chip:has(> .assist-edge-tab__logo--wide) {
3696
3785
  width: auto;
3697
- min-width: 48px;
3698
- max-width: 120px;
3786
+ min-width: 36px;
3787
+ max-width: 96px;
3699
3788
  padding: 0 8px;
3700
3789
  border-radius: 999px;
3701
3790
  }