@webless/agent 0.10.4 → 0.12.0

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
@@ -1750,6 +1750,30 @@ summary.agent-transcript__activity-heading::before {
1750
1750
  monospace;
1751
1751
  font-size: 0.92em;
1752
1752
  }
1753
+ .message-bubble--human {
1754
+ color: var(--as-text);
1755
+ padding-block: 0.5rem;
1756
+ }
1757
+ .message-bubble--human .message-bubble__text {
1758
+ white-space: pre-wrap;
1759
+ overflow-wrap: anywhere;
1760
+ }
1761
+ .message-bubble__representative {
1762
+ display: block;
1763
+ margin-bottom: 0.375rem;
1764
+ font-size: 0.8125rem;
1765
+ }
1766
+ .message-bubble__representative span {
1767
+ font-weight: 400;
1768
+ margin-left: 0.375rem;
1769
+ color: var(--as-text-muted);
1770
+ }
1771
+ .message-bubble__speaker {
1772
+ display: block;
1773
+ margin-bottom: 0.25rem;
1774
+ font-size: 0.75rem;
1775
+ opacity: 0.75;
1776
+ }
1753
1777
 
1754
1778
  /* src/react/components/MessageActions/MessageActions.css */
1755
1779
  .agent-message-actions {
@@ -2273,6 +2297,93 @@ summary.agent-transcript__activity-heading::before {
2273
2297
  font-weight: 650;
2274
2298
  }
2275
2299
 
2300
+ /* src/react/components/LocationConsent/LocationConsent.css */
2301
+ .location-consent {
2302
+ display: flex;
2303
+ align-items: center;
2304
+ justify-content: space-between;
2305
+ flex-wrap: wrap;
2306
+ gap: 12px;
2307
+ padding: 14px 16px;
2308
+ margin-bottom: 10px;
2309
+ border-radius: var(--as-radius-md);
2310
+ background: var(--as-surface-muted);
2311
+ color: var(--as-text);
2312
+ }
2313
+ .location-consent__copy {
2314
+ display: grid;
2315
+ gap: 3px;
2316
+ flex: 1;
2317
+ min-width: 150px;
2318
+ font-size: 12px;
2319
+ }
2320
+ .location-consent__copy strong {
2321
+ font-size: 13px;
2322
+ font-weight: 650;
2323
+ }
2324
+ .location-consent__copy span {
2325
+ color: var(--as-text-muted);
2326
+ }
2327
+ .location-consent__actions {
2328
+ display: flex;
2329
+ align-items: center;
2330
+ gap: 12px;
2331
+ }
2332
+ .location-consent__toggle {
2333
+ appearance: none;
2334
+ width: 42px;
2335
+ height: 26px;
2336
+ padding: 3px;
2337
+ border: 0;
2338
+ border-radius: 30px;
2339
+ background: var(--as-text-subtle);
2340
+ cursor: pointer;
2341
+ }
2342
+ .location-consent__toggle span {
2343
+ display: block;
2344
+ width: 20px;
2345
+ height: 20px;
2346
+ border-radius: 50%;
2347
+ background: var(--as-surface);
2348
+ transition: transform 120ms ease;
2349
+ }
2350
+ .location-consent__toggle[aria-checked=true] {
2351
+ background: var(--as-brand);
2352
+ }
2353
+ .location-consent__toggle[aria-checked=true] span {
2354
+ transform: translateX(16px);
2355
+ }
2356
+ .location-consent__decline {
2357
+ appearance: none;
2358
+ font: inherit;
2359
+ font-size: 12px;
2360
+ color: var(--as-text);
2361
+ background: transparent;
2362
+ border: 1px solid var(--as-border);
2363
+ border-radius: 24px;
2364
+ padding: 8px 12px;
2365
+ cursor: pointer;
2366
+ }
2367
+ .location-consent button:focus-visible {
2368
+ outline: 2px solid var(--as-brand);
2369
+ outline-offset: 3px;
2370
+ }
2371
+ .location-consent button:disabled {
2372
+ cursor: default;
2373
+ opacity: 0.5;
2374
+ }
2375
+ .location-consent__error {
2376
+ flex-basis: 100%;
2377
+ margin: 0;
2378
+ font-size: 12px;
2379
+ color: var(--as-danger);
2380
+ }
2381
+ @media (prefers-reduced-motion: reduce) {
2382
+ .location-consent__toggle span {
2383
+ transition: none;
2384
+ }
2385
+ }
2386
+
2276
2387
  /* src/react/components/ToolResultCard/ToolResultCard.css */
2277
2388
  .tool-result-card {
2278
2389
  display: grid;
@@ -2959,6 +3070,46 @@ summary.agent-transcript__activity-heading::before {
2959
3070
  transition: none;
2960
3071
  }
2961
3072
  }
3073
+ .agent-rail__handoff {
3074
+ padding: 0.625rem 1rem;
3075
+ border-top: 1px solid var(--as-border);
3076
+ display: flex;
3077
+ gap: 0.5rem;
3078
+ align-items: center;
3079
+ justify-content: space-between;
3080
+ flex-wrap: wrap;
3081
+ font-size: 0.8125rem;
3082
+ color: var(--as-text-muted);
3083
+ }
3084
+ .agent-rail__handoff p {
3085
+ margin: 0;
3086
+ }
3087
+ .agent-rail__handoff button {
3088
+ border: 0;
3089
+ border-radius: 0.375rem;
3090
+ background: transparent;
3091
+ color: var(--as-text);
3092
+ cursor: pointer;
3093
+ font: inherit;
3094
+ font-weight: 600;
3095
+ padding: 0.5rem;
3096
+ min-height: 2.5rem;
3097
+ }
3098
+ .agent-rail__handoff button:hover {
3099
+ background: var(--as-surface-muted);
3100
+ }
3101
+ .agent-rail__handoff button:focus-visible {
3102
+ outline: 2px solid var(--as-brand);
3103
+ outline-offset: 2px;
3104
+ }
3105
+ .agent-rail__handoff button:disabled {
3106
+ opacity: 0.5;
3107
+ cursor: default;
3108
+ }
3109
+ .agent-rail__handoff [role=alert] {
3110
+ width: 100%;
3111
+ color: var(--as-danger);
3112
+ }
2962
3113
 
2963
3114
  /* src/react/components/AssistEdgeTab/AssistEdgeTab.css */
2964
3115
  .assist-edge-tab {