@webless/agent 0.10.0 → 0.10.1

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
@@ -326,7 +326,8 @@ html.webless-agent-page-shift {
326
326
  margin: 0;
327
327
  color: var(--as-text-muted);
328
328
  font-size: 12.5px;
329
- font-weight: 650;
329
+ font-weight: 400;
330
+ font-style: italic;
330
331
  line-height: 1.4;
331
332
  }
332
333
  .agent-activity-bubble__pulse {
@@ -2884,13 +2885,22 @@ html.webless-agent-page-shift {
2884
2885
  flex: 0 0 20px;
2885
2886
  }
2886
2887
  .assist-edge-tab__logo {
2888
+ width: 18px;
2889
+ height: 18px;
2890
+ flex-shrink: 0;
2891
+ object-fit: contain;
2892
+ }
2893
+ .assist-edge-tab__mark:not(.assist-edge-tab__mark--chip) .assist-edge-tab__logo {
2887
2894
  position: absolute;
2888
2895
  inset: 0;
2889
2896
  width: 100%;
2890
2897
  height: 100%;
2891
2898
  border-radius: inherit;
2892
2899
  background: var(--pill-orb-from, var(--tab-fill));
2893
- object-fit: contain;
2900
+ }
2901
+ .assist-edge-tab__mark--chip > .assist-edge-tab__logo {
2902
+ width: 20px;
2903
+ height: 20px;
2894
2904
  }
2895
2905
  .assist-edge-tab__custom-icon {
2896
2906
  width: 18px;
@@ -3065,15 +3075,21 @@ html.webless-agent-page-shift {
3065
3075
  .assist-edge-tab--fill.assist-edge-tab--left {
3066
3076
  min-height: 180px;
3067
3077
  }
3078
+ .webless-agent-root > .assist-edge-tab.assist-edge-tab--bottom,
3079
+ .webless-agent-root > .assist-edge-tab.assist-edge-tab--mobile,
3068
3080
  .assist-edge-tab.assist-edge-tab--bottom,
3069
3081
  .assist-edge-tab.assist-edge-tab--mobile {
3070
3082
  isolation: isolate;
3071
3083
  box-sizing: border-box;
3084
+ color-scheme: light;
3085
+ --tab-fill: #ffffff;
3086
+ --tab-ink: #171717;
3087
+ --tab-line: transparent;
3072
3088
  --pill-brand: var(--as-brand, #6f16ff);
3073
3089
  --pill-fill: #ffffff;
3074
3090
  --pill-label: #5f6673;
3075
3091
  --pill-title: #171717;
3076
- --pill-mark: #fff;
3092
+ --pill-mark: var(--pill-brand);
3077
3093
  --pill-wash-light: color-mix(in srgb, var(--pill-brand) 24%, #fff);
3078
3094
  --pill-wash-cool: color-mix(in oklab, var(--pill-brand) 32%, #d4e4ff);
3079
3095
  --pill-wash-deep: color-mix(in srgb, var(--pill-brand) 38%, #fff);
@@ -3082,9 +3098,9 @@ html.webless-agent-page-shift {
3082
3098
  --pill-beam-mid: color-mix(in srgb, var(--pill-brand) 38%, #fff);
3083
3099
  --pill-beam-bright: color-mix(in srgb, var(--pill-brand) 54%, #fff);
3084
3100
  border: 2px solid transparent;
3085
- background: var(--pill-fill);
3086
- background:
3087
- linear-gradient(var(--pill-fill), var(--pill-fill)) padding-box,
3101
+ background-color: var(--pill-fill);
3102
+ background-image:
3103
+ linear-gradient(var(--pill-fill), var(--pill-fill)),
3088
3104
  conic-gradient(
3089
3105
  from var(--as-tab-beam),
3090
3106
  var(--pill-beam-soft) 0deg,
@@ -3092,7 +3108,9 @@ html.webless-agent-page-shift {
3092
3108
  var(--pill-beam-mid) 252deg,
3093
3109
  var(--pill-beam-bright) 278deg,
3094
3110
  var(--pill-beam-mid) 304deg,
3095
- var(--pill-beam-soft) 360deg) border-box;
3111
+ var(--pill-beam-soft) 360deg);
3112
+ background-origin: border-box;
3113
+ background-clip: padding-box, border-box;
3096
3114
  color: var(--pill-title);
3097
3115
  box-shadow: 0 10px 24px -10px rgb(15 23 42 / 10%), 0 2px 6px rgb(15 23 42 / 4%);
3098
3116
  transition:
@@ -3144,8 +3162,9 @@ html.webless-agent-page-shift {
3144
3162
  width: 36px;
3145
3163
  height: 36px;
3146
3164
  flex-basis: 36px;
3147
- border: 0;
3165
+ border: none;
3148
3166
  border-radius: 50%;
3167
+ box-shadow: none;
3149
3168
  background:
3150
3169
  radial-gradient(
3151
3170
  ellipse 88% 52% at 50% 94%,