@webless/agent 0.10.4 → 0.12.0

package/dist/react.css

@@ -1652,6 +1652,30 @@ html.webless-agent-page-shift {
     monospace;
   font-size: 0.92em;
 }
+.message-bubble--human {
+  color: var(--as-text);
+  padding-block: 0.5rem;
+}
+.message-bubble--human .message-bubble__text {
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+.message-bubble__representative {
+  display: block;
+  margin-bottom: 0.375rem;
+  font-size: 0.8125rem;
+}
+.message-bubble__representative span {
+  font-weight: 400;
+  margin-left: 0.375rem;
+  color: var(--as-text-muted);
+}
+.message-bubble__speaker {
+  display: block;
+  margin-bottom: 0.25rem;
+  font-size: 0.75rem;
+  opacity: 0.75;
+}
 
 /* src/react/components/MessageActions/MessageActions.css */
 .agent-message-actions {
@@ -2175,6 +2199,93 @@ html.webless-agent-page-shift {
   font-weight: 650;
 }
 
+/* src/react/components/LocationConsent/LocationConsent.css */
+.location-consent {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  gap: 12px;
+  padding: 14px 16px;
+  margin-bottom: 10px;
+  border-radius: var(--as-radius-md);
+  background: var(--as-surface-muted);
+  color: var(--as-text);
+}
+.location-consent__copy {
+  display: grid;
+  gap: 3px;
+  flex: 1;
+  min-width: 150px;
+  font-size: 12px;
+}
+.location-consent__copy strong {
+  font-size: 13px;
+  font-weight: 650;
+}
+.location-consent__copy span {
+  color: var(--as-text-muted);
+}
+.location-consent__actions {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+.location-consent__toggle {
+  appearance: none;
+  width: 42px;
+  height: 26px;
+  padding: 3px;
+  border: 0;
+  border-radius: 30px;
+  background: var(--as-text-subtle);
+  cursor: pointer;
+}
+.location-consent__toggle span {
+  display: block;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background: var(--as-surface);
+  transition: transform 120ms ease;
+}
+.location-consent__toggle[aria-checked=true] {
+  background: var(--as-brand);
+}
+.location-consent__toggle[aria-checked=true] span {
+  transform: translateX(16px);
+}
+.location-consent__decline {
+  appearance: none;
+  font: inherit;
+  font-size: 12px;
+  color: var(--as-text);
+  background: transparent;
+  border: 1px solid var(--as-border);
+  border-radius: 24px;
+  padding: 8px 12px;
+  cursor: pointer;
+}
+.location-consent button:focus-visible {
+  outline: 2px solid var(--as-brand);
+  outline-offset: 3px;
+}
+.location-consent button:disabled {
+  cursor: default;
+  opacity: 0.5;
+}
+.location-consent__error {
+  flex-basis: 100%;
+  margin: 0;
+  font-size: 12px;
+  color: var(--as-danger);
+}
+@media (prefers-reduced-motion: reduce) {
+  .location-consent__toggle span {
+    transition: none;
+  }
+}
+
 /* src/react/components/ToolResultCard/ToolResultCard.css */
 .tool-result-card {
   display: grid;
@@ -2861,6 +2972,46 @@ html.webless-agent-page-shift {
     transition: none;
   }
 }
+.agent-rail__handoff {
+  padding: 0.625rem 1rem;
+  border-top: 1px solid var(--as-border);
+  display: flex;
+  gap: 0.5rem;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  font-size: 0.8125rem;
+  color: var(--as-text-muted);
+}
+.agent-rail__handoff p {
+  margin: 0;
+}
+.agent-rail__handoff button {
+  border: 0;
+  border-radius: 0.375rem;
+  background: transparent;
+  color: var(--as-text);
+  cursor: pointer;
+  font: inherit;
+  font-weight: 600;
+  padding: 0.5rem;
+  min-height: 2.5rem;
+}
+.agent-rail__handoff button:hover {
+  background: var(--as-surface-muted);
+}
+.agent-rail__handoff button:focus-visible {
+  outline: 2px solid var(--as-brand);
+  outline-offset: 2px;
+}
+.agent-rail__handoff button:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+.agent-rail__handoff [role=alert] {
+  width: 100%;
+  color: var(--as-danger);
+}
 
 /* src/react/components/AssistEdgeTab/AssistEdgeTab.css */
 .assist-edge-tab {