@ensembleapp/client-sdk 0.0.43 → 0.0.45

package/dist/index.d.ts

@@ -465,6 +465,10 @@ interface ChatWidgetStyles {
     textMuted?: string;
     /** Disabled text color */
     textDisabled?: string;
+    /** Markdown link color */
+    linkColor?: string;
+    /** Markdown link hover color */
+    linkHoverColor?: string;
     fontFamily?: string;
     borderRadius?: string;
     inputBackground?: string;

package/dist/index.js

@@ -27,7 +27,7 @@ function styleInject(css, { insertAt } = {}) {
 }
 
 // lib/chat/ChatWidget.css
-styleInject(':root[data-chat-widget],\n[data-chat-widget] {\n  --chat-primary: #3b82f6;\n  --chat-primary-text: #ffffff;\n  --chat-primary-hover: #2563eb;\n  --chat-primary-subtle: rgba(59, 130, 246, 0.1);\n  --chat-background: #ffffff;\n  --chat-background-secondary: #f9fafb;\n  --chat-background-tertiary: #f3f4f6;\n  --chat-border: #e5e7eb;\n  --chat-border-light: #f3f4f6;\n  --chat-widget-border-width: 1px;\n  --chat-text: #111827;\n  --chat-text-secondary: #4b5563;\n  --chat-text-muted: #6b7280;\n  --chat-text-disabled: #9ca3af;\n  --chat-success: #22c55e;\n  --chat-success-bg: rgba(34, 197, 94, 0.1);\n  --chat-error: #ef4444;\n  --chat-error-bg: rgba(239, 68, 68, 0.1);\n  --chat-header-text: #ffffff;\n  --chat-user-text: #ffffff;\n  --chat-assistant-bg: transparent;\n  --chat-assistant-text: var(--chat-text);\n  --chat-input-bg: var(--chat-background);\n  --chat-input-text: var(--chat-text);\n  --chat-input-placeholder: var(--chat-text-muted);\n  --chat-thought-border: var(--chat-border);\n  --chat-font-family:\n    "Inter",\n    system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    sans-serif;\n  --chat-radius: 0.75rem;\n  --chat-font-size: 0.925rem;\n  --chat-thought-font-size: 0.75rem;\n  --chat-shadow: 0 20px 45px rgba(0, 0, 0, 0.12);\n  --chat-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.1);\n  --chat-overlay-bg: rgba(0, 0, 0, 0.3);\n}\n.chat-widget {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 24rem;\n  background: var(--chat-background);\n  border: var(--chat-widget-border-width) solid var(--chat-border);\n  border-radius: 0;\n  box-shadow: var(--chat-shadow);\n  overflow: hidden;\n  font-family: var(--chat-font-family);\n  color: var(--chat-assistant-text);\n}\n.chat-widget--popup-content {\n  border: 0;\n  border-radius: inherit;\n  box-shadow: none;\n  min-height: 0;\n}\n.chat-widget__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 40px;\n  padding: 0.75rem 1rem;\n  background: var(--chat-primary);\n  color: var(--chat-header-text);\n}\n.chat-widget__title {\n  margin: 0;\n  font-size: 0.875rem;\n  font-weight: 600;\n}\n.chat-widget__messages {\n  flex: 1;\n  overflow-y: auto;\n  padding: 1rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.chat-widget__message {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n}\n.chat-widget__message-row {\n  display: flex;\n}\n.chat-widget__message-row--user {\n  justify-content: flex-end;\n}\n.chat-widget__message-row--assistant {\n  justify-content: flex-start;\n}\n.chat-widget__bubble {\n  max-width: 90%;\n  padding: 0.5rem 0.25rem;\n  border-radius: calc(var(--chat-radius) * 0.65);\n  font-size: var(--chat-font-size);\n}\n.chat-widget__bubble--user {\n  background: var(--chat-primary);\n  color: var(--chat-user-text);\n  border-bottom-right-radius: 0.35rem;\n}\n.chat-widget__bubble--assistant {\n  width: 90%;\n  background: var(--chat-assistant-bg);\n  color: var(--chat-assistant-text);\n  border-bottom-left-radius: 0.35rem;\n}\n.chat-widget__widget {\n  width: 100%;\n}\n.chat-widget__markdown {\n  white-space: normal;\n  font-size: var(--chat-font-size);\n}\n.chat-widget__markdown h1 {\n  font-size: calc(var(--chat-font-size) * 1.4);\n}\n.chat-widget__markdown h2 {\n  font-size: calc(var(--chat-font-size) * 1.25);\n}\n.chat-widget__markdown h3 {\n  font-size: calc(var(--chat-font-size) * 1.1);\n}\n.chat-widget__markdown h4 {\n  font-size: calc(var(--chat-font-size) * 1.05);\n}\n.chat-widget__markdown h5 {\n  font-size: calc(var(--chat-font-size) * 1);\n}\n.chat-widget__markdown h6 {\n  font-size: calc(var(--chat-font-size) * 0.95);\n}\n.chat-widget__anchor-button {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.65rem 0.85rem;\n  background: var(--chat-primary);\n  color: var(--chat-primary-text);\n  border: none;\n  border-radius: 999px;\n  box-shadow: var(--chat-shadow);\n  cursor: pointer;\n  font-weight: 600;\n  z-index: 99999;\n}\n.chat-widget__anchor-button:hover {\n  background: var(--chat-primary-hover);\n}\n.chat-widget__anchor--left {\n  right: auto;\n  left: 20px;\n}\n.chat-widget__anchor-icon {\n  width: 1.1rem;\n  height: 1.1rem;\n}\n.chat-widget__popup {\n  position: fixed;\n  bottom: 80px;\n  right: 20px;\n  z-index: 99998;\n}\n.chat-widget__anchor--left.chat-widget__popup {\n  right: auto;\n  left: 20px;\n}\n.chat-widget__popup-inner {\n  width: 384px;\n  max-width: calc(100vw - 40px);\n  height: 500px;\n  max-height: calc(100vh - 140px);\n  box-shadow: var(--chat-shadow);\n  border-radius: 12px;\n  overflow: hidden;\n}\n.chat-widget__markdown a {\n  color: var(--chat-primary);\n  text-decoration: underline;\n}\n.chat-widget__markdown a:hover {\n  color: var(--chat-primary-hover);\n}\n.chat-widget__markdown table {\n  width: 100%;\n  border-collapse: collapse;\n  margin: 0.5rem 0;\n}\n.chat-widget__markdown th,\n.chat-widget__markdown td {\n  border: 1px solid var(--chat-border);\n  padding: 0.5rem;\n  text-align: left;\n  vertical-align: top;\n}\n.chat-widget__markdown thead th {\n  background: var(--chat-assistant-bg);\n  color: var(--chat-assistant-text);\n  font-weight: 600;\n}\n.chat-widget__thoughts {\n  min-width: 0;\n  --chat-font-size: var(--chat-thought-font-size);\n}\n.chat-widget__details {\n  border: 0;\n}\n.chat-widget__thoughts-summary {\n  list-style: none;\n  display: flex;\n  align-items: center;\n  gap: 0.35rem;\n  cursor: pointer;\n  color: var(--chat-text-muted);\n  font-size: 0.8125rem;\n}\n.chat-widget__thoughts-summary:hover {\n  color: var(--chat-assistant-text);\n}\n.chat-widget__thoughts-icon-container {\n  display: flex;\n  border: 1px solid var(--chat-border);\n  border-radius: 999px;\n  align-items: center;\n  justify-content: center;\n  width: 1rem;\n  height: 1rem;\n}\n.chat-widget__thoughts-icon {\n  width: 0.75rem;\n  height: 0.75rem;\n  transition: transform 0.2s ease;\n}\n.chat-widget__details[open] .chat-widget__thoughts-icon {\n  transform: rotate(90deg);\n}\n.chat-widget__thoughts-content {\n  margin-top: 0.5rem;\n  margin-left: 0.4rem;\n  padding: 0.75rem;\n  border-left: 2px solid var(--chat-thought-border);\n  border-color: var(--chat-primary);\n  max-width: 100%;\n  overflow-x: auto;\n}\n.chat-widget__thoughts-text {\n  margin: 0;\n  line-height: 1.5;\n  color: var(--chat-text-secondary);\n  font-family:\n    ui-monospace,\n    SFMono-Regular,\n    Menlo,\n    Monaco,\n    Consolas,\n    "Liberation Mono",\n    "Courier New",\n    monospace;\n  white-space: pre-wrap;\n  word-break: break-word;\n  overflow-wrap: anywhere;\n  display: block;\n}\n.chat-widget__loading {\n  display: flex;\n  justify-content: flex-start;\n}\n.chat-widget__loading-bubble {\n  background: var(--chat-assistant-bg);\n  color: var(--chat-assistant-text);\n  border-radius: calc(var(--chat-radius) * 0.65);\n  border-bottom-left-radius: 0.35rem;\n  padding: 0.5rem 0.75rem;\n}\n.chat-widget__loading-dots {\n  display: flex;\n  gap: 0.35rem;\n}\n.chat-widget__loading-dot {\n  width: 0.5rem;\n  height: 0.5rem;\n  border-radius: 999px;\n  background: var(--chat-text-disabled);\n  animation: chat-widget-bounce 1s infinite ease-in-out;\n}\n.chat-widget__loading-dot[data-delay="1"] {\n  animation-delay: 0.1s;\n}\n.chat-widget__loading-dot[data-delay="2"] {\n  animation-delay: 0.2s;\n}\n@keyframes chat-widget-bounce {\n  0%, 80%, 100% {\n    transform: scale(0.6);\n    opacity: 0.4;\n  }\n  40% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n.chat-widget__input {\n  border-top: 1px solid var(--chat-border);\n  padding: 0.25rem 0 0.75rem;\n  background: var(--chat-input-bg);\n}\n.chat-widget__form {\n  position: relative;\n}\n.chat-widget__textarea {\n  width: 100%;\n  border: 0;\n  padding: 0.75rem 5.25rem 0.75rem 0.75rem;\n  background: transparent;\n  font-size: 0.925rem;\n  resize: none;\n  color: var(--chat-input-text);\n  font-family: inherit;\n}\n.chat-widget__textarea::-moz-placeholder {\n  color: var(--chat-input-placeholder);\n}\n.chat-widget__textarea::placeholder {\n  color: var(--chat-input-placeholder);\n}\n.chat-widget__textarea:focus-visible {\n  outline: none;\n}\n.chat-widget__textarea:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.chat-widget__toolbar {\n  position: absolute;\n  top: 0;\n  right: 3.75rem;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  padding: 0 0.5rem;\n  border-right: 1px solid var(--chat-border);\n}\n.chat-widget__submit {\n  position: absolute;\n  top: 50%;\n  right: 0.75rem;\n  transform: translateY(-50%);\n  background: transparent;\n  border: 0;\n  width: 2.5rem;\n  height: 2.5rem;\n  display: grid;\n  place-items: center;\n  color: var(--chat-primary);\n  cursor: pointer;\n}\n.chat-widget__submit:disabled {\n  color: var(--chat-text-disabled);\n  cursor: not-allowed;\n}\n.chat-widget__submit:not(:disabled):hover {\n  color: var(--chat-primary-hover);\n}\n.chat-widget__send-icon {\n  width: 1.2rem;\n  height: 1.2rem;\n}\n.chat-widget__mic-button {\n  position: relative;\n  border: none;\n  background: transparent;\n  width: 2.25rem;\n  height: 2.25rem;\n  display: grid;\n  place-items: center;\n  color: var(--chat-primary);\n  cursor: pointer;\n  border-radius: 999px;\n}\n.chat-widget__mic-button:disabled {\n  color: var(--chat-text-disabled);\n  cursor: not-allowed;\n}\n.chat-widget__mic-button--active {\n  color: var(--chat-primary-hover);\n  background: var(--chat-primary-subtle);\n}\n.chat-widget__mic-icon {\n  width: 1rem;\n  height: 1rem;\n}\n.chat-widget__mic-bar {\n  position: absolute;\n  bottom: 0.1rem;\n  left: 50%;\n  width: 16px;\n  height: 2px;\n  border-radius: 999px;\n  background: var(--chat-border);\n  overflow: hidden;\n  display: block;\n  transform: translateX(-50%);\n  pointer-events: none;\n}\n.chat-widget__mic-bar-fill {\n  display: block;\n  width: 100%;\n  height: 100%;\n  background: currentColor;\n  transform-origin: left;\n  transition: transform 0.12s linear;\n}\n.chat-widget__voice {\n  display: flex;\n  margin-top: 0.25rem;\n}\n.chat-widget__voice-button {\n  border: none;\n  background: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.35rem;\n  padding: 0.1rem 0;\n  font-size: 0.8rem;\n  font-weight: 500;\n  color: var(--chat-primary);\n  cursor: pointer;\n}\n.chat-widget__voice-button:disabled {\n  color: var(--chat-text-disabled);\n  cursor: not-allowed;\n}\n.chat-widget__voice-button--active {\n  color: var(--chat-primary-hover);\n}\n.chat-widget__voice-icon {\n  width: 0.95rem;\n  height: 0.95rem;\n}\n.chat-widget__voice-icon--spin {\n  animation: chat-widget-spin 1s linear infinite;\n}\n@keyframes chat-widget-spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.chat-widget__collapsed {\n  position: relative;\n  margin-bottom: 0.25rem;\n}\n.chat-widget__collapsed-content {\n  display: grid;\n  grid-template-rows: 0fr;\n  transition: grid-template-rows 300ms ease-out;\n}\n.chat-widget__collapsed-content--expanded {\n  grid-template-rows: 1fr;\n}\n.chat-widget__collapsed-content-inner {\n  overflow: hidden;\n}\n.chat-widget__collapsed-preview {\n  position: relative;\n  max-height: 1.5em;\n  overflow: hidden;\n  opacity: 0.6;\n  pointer-events: none;\n  transition: opacity 300ms ease-out, max-height 300ms ease-out;\n}\n.chat-widget__collapsed-preview--hidden {\n  opacity: 0;\n  max-height: 0;\n  pointer-events: none;\n}\n.chat-widget__collapsed-gradient {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 70%;\n  height: 100%;\n  background:\n    linear-gradient(\n      to right,\n      transparent 0%,\n      var(--chat-background) 90%);\n  pointer-events: none;\n}\n.chat-widget__collapsed-toggle {\n  display: inline-block;\n  padding: 0;\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: var(--chat-primary);\n  background: transparent;\n  border: none;\n  cursor: pointer;\n}\n.chat-widget__collapsed-toggle:hover {\n  text-decoration: underline;\n}\n@keyframes chat-widget-slide-up {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n    max-height: 200px;\n  }\n  to {\n    opacity: 0.6;\n    transform: translateY(-8px);\n    max-height: 1.5em;\n  }\n}\n.chat-widget__collapsed--animating .chat-widget__collapsed-preview {\n  animation: chat-widget-slide-up 300ms ease-out forwards;\n}\n');
+styleInject(':root[data-chat-widget],\n[data-chat-widget] {\n  --chat-primary: #3b82f6;\n  --chat-primary-text: #ffffff;\n  --chat-primary-hover: #2563eb;\n  --chat-primary-subtle: rgba(59, 130, 246, 0.1);\n  --chat-background: #ffffff;\n  --chat-background-secondary: #f9fafb;\n  --chat-background-tertiary: #f3f4f6;\n  --chat-border: #e5e7eb;\n  --chat-border-light: #f3f4f6;\n  --chat-widget-border-width: 1px;\n  --chat-text: #111827;\n  --chat-text-secondary: #4b5563;\n  --chat-text-muted: #6b7280;\n  --chat-text-disabled: #9ca3af;\n  --chat-link: #2563eb;\n  --chat-link-hover: #1d4ed8;\n  --chat-success: #22c55e;\n  --chat-success-bg: rgba(34, 197, 94, 0.1);\n  --chat-error: #ef4444;\n  --chat-error-bg: rgba(239, 68, 68, 0.1);\n  --chat-header-text: #ffffff;\n  --chat-user-text: #ffffff;\n  --chat-assistant-bg: transparent;\n  --chat-assistant-text: var(--chat-text);\n  --chat-input-bg: var(--chat-background);\n  --chat-input-text: var(--chat-text);\n  --chat-input-placeholder: var(--chat-text-muted);\n  --chat-thought-border: var(--chat-border);\n  --chat-font-family:\n    "Inter",\n    system-ui,\n    -apple-system,\n    BlinkMacSystemFont,\n    sans-serif;\n  --chat-radius: 0.75rem;\n  --chat-font-size: 0.925rem;\n  --chat-thought-font-size: 0.75rem;\n  --chat-shadow: 0 20px 45px rgba(0, 0, 0, 0.12);\n  --chat-shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.1);\n  --chat-overlay-bg: rgba(0, 0, 0, 0.3);\n}\n.chat-widget {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  min-height: 24rem;\n  background: var(--chat-background);\n  border: var(--chat-widget-border-width) solid var(--chat-border);\n  border-radius: 0;\n  box-shadow: var(--chat-shadow);\n  overflow: hidden;\n  font-family: var(--chat-font-family);\n  color: var(--chat-assistant-text);\n}\n.chat-widget--popup-content {\n  border: 0;\n  border-radius: inherit;\n  box-shadow: none;\n  min-height: 0;\n}\n.chat-widget__header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  height: 40px;\n  padding: 0.75rem 1rem;\n  background: var(--chat-primary);\n  color: var(--chat-header-text);\n}\n.chat-widget__title {\n  margin: 0;\n  font-size: 0.875rem;\n  font-weight: 600;\n}\n.chat-widget__messages {\n  flex: 1;\n  overflow-y: auto;\n  padding: 1rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n.chat-widget__message {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n}\n.chat-widget__message-row {\n  display: flex;\n}\n.chat-widget__message-row--user {\n  justify-content: flex-end;\n}\n.chat-widget__message-row--assistant {\n  justify-content: flex-start;\n}\n.chat-widget__bubble {\n  max-width: 90%;\n  padding: 0.5rem 0.25rem;\n  border-radius: calc(var(--chat-radius) * 0.65);\n  font-size: var(--chat-font-size);\n}\n.chat-widget__bubble--user {\n  background: var(--chat-primary);\n  color: var(--chat-user-text);\n  border-bottom-right-radius: 0.35rem;\n  padding-left: 0.375rem;\n  padding-right: 0.375rem;\n}\n.chat-widget__bubble--assistant {\n  width: 90%;\n  background: var(--chat-assistant-bg);\n  color: var(--chat-assistant-text);\n  border-bottom-left-radius: 0.35rem;\n}\n.chat-widget__widget {\n  width: 100%;\n}\n.chat-widget__markdown {\n  white-space: normal;\n  font-size: var(--chat-font-size);\n}\n.chat-widget__markdown h1 {\n  font-size: calc(var(--chat-font-size) * 1.4);\n}\n.chat-widget__markdown h2 {\n  font-size: calc(var(--chat-font-size) * 1.25);\n}\n.chat-widget__markdown h3 {\n  font-size: calc(var(--chat-font-size) * 1.1);\n}\n.chat-widget__markdown h4 {\n  font-size: calc(var(--chat-font-size) * 1.05);\n}\n.chat-widget__markdown h5 {\n  font-size: calc(var(--chat-font-size) * 1);\n}\n.chat-widget__markdown h6 {\n  font-size: calc(var(--chat-font-size) * 0.95);\n}\n.chat-widget__anchor-button {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.5rem;\n  padding: 0.65rem 0.85rem;\n  background: var(--chat-primary);\n  color: var(--chat-primary-text);\n  border: none;\n  border-radius: 999px;\n  box-shadow: var(--chat-shadow);\n  cursor: pointer;\n  font-weight: 600;\n  z-index: 99999;\n}\n.chat-widget__anchor-button:hover {\n  background: var(--chat-primary-hover);\n}\n.chat-widget__anchor--left {\n  right: auto;\n  left: 20px;\n}\n.chat-widget__anchor-icon {\n  width: 1.1rem;\n  height: 1.1rem;\n}\n.chat-widget__popup {\n  position: fixed;\n  bottom: 80px;\n  right: 20px;\n  z-index: 99998;\n}\n.chat-widget__anchor--left.chat-widget__popup {\n  right: auto;\n  left: 20px;\n}\n.chat-widget__popup-inner {\n  width: 384px;\n  max-width: calc(100vw - 40px);\n  height: 500px;\n  max-height: calc(100vh - 140px);\n  box-shadow: var(--chat-shadow);\n  border-radius: 12px;\n  overflow: hidden;\n}\n.chat-widget__markdown a {\n  color: var(--chat-link);\n  text-decoration: underline;\n}\n.chat-widget__markdown a:hover {\n  color: var(--chat-link-hover);\n}\n.chat-widget__markdown table {\n  width: 100%;\n  border-collapse: collapse;\n  margin: 0.5rem 0;\n}\n.chat-widget__markdown th,\n.chat-widget__markdown td {\n  border: 1px solid var(--chat-border);\n  padding: 0.5rem;\n  text-align: left;\n  vertical-align: top;\n}\n.chat-widget__markdown thead th {\n  background: var(--chat-assistant-bg);\n  color: var(--chat-assistant-text);\n  font-weight: 600;\n}\n.chat-widget__thoughts {\n  min-width: 0;\n  --chat-font-size: var(--chat-thought-font-size);\n}\n.chat-widget__details {\n  border: 0;\n}\n.chat-widget__thoughts-summary {\n  list-style: none;\n  display: flex;\n  align-items: center;\n  gap: 0.35rem;\n  cursor: pointer;\n  color: var(--chat-text-muted);\n  font-size: 0.8125rem;\n}\n.chat-widget__thoughts-summary:hover {\n  color: var(--chat-assistant-text);\n}\n.chat-widget__thoughts-icon-container {\n  display: flex;\n  border: 1px solid var(--chat-border);\n  border-radius: 999px;\n  align-items: center;\n  justify-content: center;\n  width: 1rem;\n  height: 1rem;\n}\n.chat-widget__thoughts-icon {\n  width: 0.75rem;\n  height: 0.75rem;\n  transition: transform 0.2s ease;\n}\n.chat-widget__details[open] .chat-widget__thoughts-icon {\n  transform: rotate(90deg);\n}\n.chat-widget__thoughts-content {\n  margin-top: 0.5rem;\n  margin-left: 0.4rem;\n  padding: 0.75rem;\n  border-left: 2px solid var(--chat-thought-border);\n  border-color: var(--chat-primary);\n  max-width: 100%;\n  overflow-x: auto;\n}\n.chat-widget__thoughts-text {\n  margin: 0;\n  line-height: 1.5;\n  color: var(--chat-text-secondary);\n  font-family:\n    ui-monospace,\n    SFMono-Regular,\n    Menlo,\n    Monaco,\n    Consolas,\n    "Liberation Mono",\n    "Courier New",\n    monospace;\n  white-space: pre-wrap;\n  word-break: break-word;\n  overflow-wrap: anywhere;\n  display: block;\n}\n.chat-widget__loading {\n  display: flex;\n  justify-content: flex-start;\n}\n.chat-widget__loading-bubble {\n  background: var(--chat-assistant-bg);\n  color: var(--chat-assistant-text);\n  border-radius: calc(var(--chat-radius) * 0.65);\n  border-bottom-left-radius: 0.35rem;\n  padding: 0.5rem 0.75rem;\n}\n.chat-widget__loading-dots {\n  display: flex;\n  gap: 0.35rem;\n}\n.chat-widget__loading-dot {\n  width: 0.5rem;\n  height: 0.5rem;\n  border-radius: 999px;\n  background: var(--chat-text-disabled);\n  animation: chat-widget-bounce 1s infinite ease-in-out;\n}\n.chat-widget__loading-dot[data-delay="1"] {\n  animation-delay: 0.1s;\n}\n.chat-widget__loading-dot[data-delay="2"] {\n  animation-delay: 0.2s;\n}\n@keyframes chat-widget-bounce {\n  0%, 80%, 100% {\n    transform: scale(0.6);\n    opacity: 0.4;\n  }\n  40% {\n    transform: scale(1);\n    opacity: 1;\n  }\n}\n.chat-widget__input {\n  border-top: 1px solid var(--chat-border);\n  padding: 0.25rem 0 0.75rem;\n  background: var(--chat-input-bg);\n}\n.chat-widget__form {\n  position: relative;\n}\n.chat-widget__textarea {\n  width: 100%;\n  border: 0;\n  padding: 0.75rem 5.25rem 0.75rem 0.75rem;\n  background: transparent;\n  font-size: 0.925rem;\n  resize: none;\n  color: var(--chat-input-text);\n  font-family: inherit;\n}\n.chat-widget__textarea::-moz-placeholder {\n  color: var(--chat-input-placeholder);\n}\n.chat-widget__textarea::placeholder {\n  color: var(--chat-input-placeholder);\n}\n.chat-widget__textarea:focus-visible {\n  outline: none;\n}\n.chat-widget__textarea:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.chat-widget__toolbar {\n  position: absolute;\n  top: 0;\n  right: 3.75rem;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  padding: 0 0.5rem;\n  border-right: 1px solid var(--chat-border);\n}\n.chat-widget__submit {\n  position: absolute;\n  top: 50%;\n  right: 0.75rem;\n  transform: translateY(-50%);\n  background: transparent;\n  border: 0;\n  width: 2.5rem;\n  height: 2.5rem;\n  display: grid;\n  place-items: center;\n  color: var(--chat-primary);\n  cursor: pointer;\n}\n.chat-widget__submit:disabled {\n  color: var(--chat-text-disabled);\n  cursor: not-allowed;\n}\n.chat-widget__submit:not(:disabled):hover {\n  color: var(--chat-primary-hover);\n}\n.chat-widget__send-icon {\n  width: 1.2rem;\n  height: 1.2rem;\n}\n.chat-widget__mic-button {\n  position: relative;\n  border: none;\n  background: transparent;\n  width: 2.25rem;\n  height: 2.25rem;\n  display: grid;\n  place-items: center;\n  color: var(--chat-primary);\n  cursor: pointer;\n  border-radius: 999px;\n}\n.chat-widget__mic-button:disabled {\n  color: var(--chat-text-disabled);\n  cursor: not-allowed;\n}\n.chat-widget__mic-button--active {\n  color: var(--chat-primary-hover);\n  background: var(--chat-primary-subtle);\n}\n.chat-widget__mic-icon {\n  width: 1rem;\n  height: 1rem;\n}\n.chat-widget__mic-bar {\n  position: absolute;\n  bottom: 0.1rem;\n  left: 50%;\n  width: 16px;\n  height: 2px;\n  border-radius: 999px;\n  background: var(--chat-border);\n  overflow: hidden;\n  display: block;\n  transform: translateX(-50%);\n  pointer-events: none;\n}\n.chat-widget__mic-bar-fill {\n  display: block;\n  width: 100%;\n  height: 100%;\n  background: currentColor;\n  transform-origin: left;\n  transition: transform 0.12s linear;\n}\n.chat-widget__voice {\n  display: flex;\n  margin-top: 0.25rem;\n}\n.chat-widget__voice-button {\n  border: none;\n  background: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.35rem;\n  padding: 0.1rem 0;\n  font-size: 0.8rem;\n  font-weight: 500;\n  color: var(--chat-primary);\n  cursor: pointer;\n}\n.chat-widget__voice-button:disabled {\n  color: var(--chat-text-disabled);\n  cursor: not-allowed;\n}\n.chat-widget__voice-button--active {\n  color: var(--chat-primary-hover);\n}\n.chat-widget__voice-icon {\n  width: 0.95rem;\n  height: 0.95rem;\n}\n.chat-widget__voice-icon--spin {\n  animation: chat-widget-spin 1s linear infinite;\n}\n@keyframes chat-widget-spin {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n.chat-widget__collapsed {\n  position: relative;\n  margin-bottom: 0.25rem;\n}\n.chat-widget__collapsed-content {\n  display: grid;\n  grid-template-rows: 0fr;\n  transition: grid-template-rows 300ms ease-out;\n}\n.chat-widget__collapsed-content--expanded {\n  grid-template-rows: 1fr;\n}\n.chat-widget__collapsed-content-inner {\n  overflow: hidden;\n}\n.chat-widget__collapsed-preview {\n  position: relative;\n  max-height: 1.5em;\n  overflow: hidden;\n  opacity: 0.6;\n  pointer-events: none;\n  transition: opacity 300ms ease-out, max-height 300ms ease-out;\n}\n.chat-widget__collapsed-preview--hidden {\n  opacity: 0;\n  max-height: 0;\n  pointer-events: none;\n}\n.chat-widget__collapsed-gradient {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 70%;\n  height: 100%;\n  background:\n    linear-gradient(\n      to right,\n      transparent 0%,\n      var(--chat-background) 90%);\n  pointer-events: none;\n}\n.chat-widget__collapsed-toggle {\n  display: inline-block;\n  padding: 0;\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: var(--chat-primary);\n  background: transparent;\n  border: none;\n  cursor: pointer;\n}\n.chat-widget__collapsed-toggle:hover {\n  text-decoration: underline;\n}\n@keyframes chat-widget-slide-up {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n    max-height: 200px;\n  }\n  to {\n    opacity: 0.6;\n    transform: translateY(-8px);\n    max-height: 1.5em;\n  }\n}\n.chat-widget__collapsed--animating .chat-widget__collapsed-preview {\n  animation: chat-widget-slide-up 300ms ease-out forwards;\n}\n');
 
 // lib/chat/ChatWidget.tsx
 import { Send, StopCircle } from "lucide-react";
@@ -26609,6 +26609,9 @@ function renderError(container, message) {
   errorDiv.textContent = message;
   container.appendChild(errorDiv);
 }
+function defer(callback) {
+  setTimeout(callback, 0);
+}
 function WidgetRenderer({ widget, payload, enriched, messageContext, invokeTool }) {
   const containerRef = useRef4(null);
   const rootRef = useRef4(null);
@@ -26623,11 +26626,14 @@ function WidgetRenderer({ widget, payload, enriched, messageContext, invokeTool
   useEffect5(() => {
     return () => {
       if (rootRef.current) {
-        rootRef.current.unmount();
+        const root2 = rootRef.current;
         rootRef.current = null;
+        defer(() => root2.unmount());
       } else if (isRenderedRef.current && containerRef.current && customerReactDOMRef.current) {
         if (customerReactDOMRef.current.unmountComponentAtNode) {
-          customerReactDOMRef.current.unmountComponentAtNode(containerRef.current);
+          const container = containerRef.current;
+          const reactDOM = customerReactDOMRef.current;
+          defer(() => reactDOM.unmountComponentAtNode?.(container));
         } else {
           console.warn(
             `Widget unmounting but unmountComponentAtNode is missing. This may cause a memory leak.`
@@ -26911,6 +26917,8 @@ var lightTheme = {
   textSecondary: "#4b5563",
   textMuted: "#6b7280",
   textDisabled: "#9ca3af",
+  linkColor: "#2563eb",
+  linkHoverColor: "#1d4ed8",
   fontFamily: `'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif`,
   borderRadius: "0.75rem",
   inputBackground: "#ffffff",
@@ -26936,6 +26944,8 @@ var darkTheme = {
   textSecondary: "#d4d4d8",
   textMuted: "#a1a1aa",
   textDisabled: "#71717a",
+  linkColor: "#93c5fd",
+  linkHoverColor: "#bfdbfe",
   fontFamily: `'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif`,
   borderRadius: "0.75rem",
   inputBackground: "#1f2937",
@@ -27042,6 +27052,8 @@ var ChatWidget = forwardRef(function ChatWidget2({
       "--chat-text-secondary": theme.textSecondary,
       "--chat-text-muted": theme.textMuted,
       "--chat-text-disabled": theme.textDisabled,
+      "--chat-link": theme.linkColor,
+      "--chat-link-hover": theme.linkHoverColor,
       "--chat-header-text": theme.headerTextColor,
       "--chat-user-text": theme.userBubbleTextColor,
       "--chat-assistant-bg": theme.assistantBubbleBackground,
@@ -27486,7 +27498,9 @@ function PopupChatWidget({ anchor, ...props }) {
       "--chat-header-text": theme.headerTextColor,
       "--chat-radius": theme.borderRadius,
       "--chat-text": theme.textColor,
-      "--chat-text-muted": theme.textMuted
+      "--chat-text-muted": theme.textMuted,
+      "--chat-link": theme.linkColor,
+      "--chat-link-hover": theme.linkHoverColor
     };
   }, [theme]);
   const popupStyle = useMemo6(() => {