@webless/agent 0.11.0 → 0.12.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
@@ -1652,6 +1652,30 @@ html.webless-agent-page-shift {
1652
1652
  monospace;
1653
1653
  font-size: 0.92em;
1654
1654
  }
1655
+ .message-bubble--human {
1656
+ color: var(--as-text);
1657
+ padding-block: 0.5rem;
1658
+ }
1659
+ .message-bubble--human .message-bubble__text {
1660
+ white-space: pre-wrap;
1661
+ overflow-wrap: anywhere;
1662
+ }
1663
+ .message-bubble__representative {
1664
+ display: block;
1665
+ margin-bottom: 0.375rem;
1666
+ font-size: 0.8125rem;
1667
+ }
1668
+ .message-bubble__representative span {
1669
+ font-weight: 400;
1670
+ margin-left: 0.375rem;
1671
+ color: var(--as-text-muted);
1672
+ }
1673
+ .message-bubble__speaker {
1674
+ display: block;
1675
+ margin-bottom: 0.25rem;
1676
+ font-size: 0.75rem;
1677
+ opacity: 0.75;
1678
+ }
1655
1679
 
1656
1680
  /* src/react/components/MessageActions/MessageActions.css */
1657
1681
  .agent-message-actions {
@@ -2948,6 +2972,46 @@ html.webless-agent-page-shift {
2948
2972
  transition: none;
2949
2973
  }
2950
2974
  }
2975
+ .agent-rail__handoff {
2976
+ padding: 0.625rem 1rem;
2977
+ border-top: 1px solid var(--as-border);
2978
+ display: flex;
2979
+ gap: 0.5rem;
2980
+ align-items: center;
2981
+ justify-content: space-between;
2982
+ flex-wrap: wrap;
2983
+ font-size: 0.8125rem;
2984
+ color: var(--as-text-muted);
2985
+ }
2986
+ .agent-rail__handoff p {
2987
+ margin: 0;
2988
+ }
2989
+ .agent-rail__handoff button {
2990
+ border: 0;
2991
+ border-radius: 0.375rem;
2992
+ background: transparent;
2993
+ color: var(--as-text);
2994
+ cursor: pointer;
2995
+ font: inherit;
2996
+ font-weight: 600;
2997
+ padding: 0.5rem;
2998
+ min-height: 2.5rem;
2999
+ }
3000
+ .agent-rail__handoff button:hover {
3001
+ background: var(--as-surface-muted);
3002
+ }
3003
+ .agent-rail__handoff button:focus-visible {
3004
+ outline: 2px solid var(--as-brand);
3005
+ outline-offset: 2px;
3006
+ }
3007
+ .agent-rail__handoff button:disabled {
3008
+ opacity: 0.5;
3009
+ cursor: default;
3010
+ }
3011
+ .agent-rail__handoff [role=alert] {
3012
+ width: 100%;
3013
+ color: var(--as-danger);
3014
+ }
2951
3015
 
2952
3016
  /* src/react/components/AssistEdgeTab/AssistEdgeTab.css */
2953
3017
  .assist-edge-tab {