@webless/agent 0.11.0 → 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 {
@@ -3046,6 +3070,46 @@ summary.agent-transcript__activity-heading::before {
3046
3070
  transition: none;
3047
3071
  }
3048
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
+ }
3049
3113
 
3050
3114
  /* src/react/components/AssistEdgeTab/AssistEdgeTab.css */
3051
3115
  .assist-edge-tab {