@ensembleapp/client-sdk 0.0.46 → 0.0.48

package/dist/index.js

@@ -27,11 +27,11 @@ 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-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');
+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  overflow-x: hidden;\n  padding: 1rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  min-width: 0;\n}\n.chat-widget__message {\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  min-width: 0;\n}\n.chat-widget__message-row {\n  display: flex;\n  min-width: 0;\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  min-width: 0;\n  overflow-x: hidden;\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  max-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  max-width: 100%;\n  min-width: 0;\n  overflow-x: hidden;\n}\n.widget-customer-root {\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  overflow-x: hidden;\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";
-import { forwardRef, useCallback as useCallback6, useEffect as useEffect6, useImperativeHandle, useMemo as useMemo5, useRef as useRef5, useState as useState9 } from "react";
+import { forwardRef, useCallback as useCallback7, useEffect as useEffect6, useImperativeHandle, useMemo as useMemo5, useRef as useRef5, useState as useState9 } from "react";
 
 // lib/api/fetchApprovalConfig.ts
 async function fetchApprovalConfig(options) {
@@ -21534,7 +21534,7 @@ function lastAssistantMessageIsCompleteWithToolCalls({
 }
 
 // lib/hooks/useChat.ts
-import { useEffect, useMemo, useRef, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 
 // lib/hooks/transform.ts
 function transformMessage(msg) {
@@ -21574,7 +21574,7 @@ function transformMessage(msg) {
       }
       return;
     }
-    if (part.type === "data-thoughts" || part.type === "data-transfer") {
+    if (part.type === "data-thoughts" || part.type === "data-transfer" || part.type === "data-structured-input") {
       return;
     }
     if (groupStack.length > 0) {
@@ -21694,6 +21694,22 @@ function useChat({
       onData?.(dataPart);
     }
   });
+  const sendStructuredMessage = useCallback(
+    async (text4, payload) => {
+      const trimmed = text4.trim();
+      if (!trimmed) return;
+      if (!payload || typeof payload !== "object" || Array.isArray(payload)) {
+        throw new Error("Structured message payload must be a JSON object");
+      }
+      await sendMessage({
+        parts: [
+          { type: "text", text: trimmed },
+          { type: "data-structured-input", data: payload }
+        ]
+      });
+    },
+    [sendMessage]
+  );
   const [isLoadingInitial, setIsLoadingInitial] = useState(true);
   useEffect(() => {
     const fetchInitialMessages = async () => {
@@ -21770,11 +21786,14 @@ function useChat({
     }
     return null;
   }, [messages]);
+  const canSendMessage = status === "ready" && !pendingToolOutput && !pendingToolApproval;
   return {
     messages: rtnMessages,
     status,
     isLoadingInitial,
+    canSendMessage,
     sendMessage,
+    sendStructuredMessage,
     stop,
     setMessages,
     addToolOutput,
@@ -21785,7 +21804,7 @@ function useChat({
 }
 
 // lib/hooks/useFeedback.ts
-import { useCallback, useState as useState2 } from "react";
+import { useCallback as useCallback2, useState as useState2 } from "react";
 function useFeedback({
   api,
   threadId,
@@ -21796,7 +21815,7 @@ function useFeedback({
   const [submittedFeedback, setSubmittedFeedback] = useState2({});
   const [isSubmitting, setIsSubmitting] = useState2(null);
   const [error48, setError] = useState2(null);
-  const submitFeedback = useCallback(
+  const submitFeedback = useCallback2(
     async (messageId, { rating, improvementText, notes }) => {
       setIsSubmitting(messageId);
       setError(null);
@@ -21852,13 +21871,13 @@ function useFeedback({
     },
     [baseUrl, token, threadId, agentId, agentVersion]
   );
-  const getFeedbackForMessage = useCallback(
+  const getFeedbackForMessage = useCallback2(
     (messageId) => {
       return submittedFeedback[messageId];
     },
     [submittedFeedback]
   );
-  const hasFeedback = useCallback(
+  const hasFeedback = useCallback2(
     (messageId) => {
       return messageId in submittedFeedback;
     },
@@ -21880,8 +21899,11 @@ function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
 
+// lib/chat/components/input-fields/InputFields.css
+styleInject(".input-field {\n  margin-bottom: 1rem;\n}\n.input-field__label {\n  display: block;\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: var(--chat-assistant-text);\n  margin-bottom: 0.375rem;\n}\n.input-field__required {\n  color: var(--chat-error);\n  margin-left: 0.125rem;\n}\n.input-field__input,\n.input-field__textarea {\n  width: 100%;\n  padding: 0.5rem 0.75rem;\n  font-size: 0.875rem;\n  line-height: 1.5;\n  color: var(--chat-input-text);\n  background-color: var(--chat-input-bg);\n  border: 1px solid var(--chat-border);\n  border-radius: calc(var(--chat-radius) * 0.5);\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  font-family: var(--chat-font-family);\n}\n.input-field__input:focus,\n.input-field__textarea:focus {\n  outline: none;\n  border-color: var(--chat-primary);\n  box-shadow: 0 0 0 3px var(--chat-primary-subtle);\n}\n.input-field__textarea {\n  resize: vertical;\n  min-height: 5rem;\n}\n.input-field__options {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n.input-field__option {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.5rem;\n  cursor: pointer;\n  padding: 0.5rem;\n  border-radius: calc(var(--chat-radius) * 0.5);\n  transition: background-color 0.15s ease-in-out;\n}\n.input-field__option:hover {\n  background-color: var(--chat-border);\n}\n.input-field__radio,\n.input-field__checkbox {\n  flex-shrink: 0;\n  margin-top: 0.125rem;\n  width: 1rem;\n  height: 1rem;\n  cursor: pointer;\n  accent-color: var(--chat-primary);\n}\n.input-field__option-content {\n  display: flex;\n  flex-direction: column;\n  gap: 0.125rem;\n}\n.input-field__option-label {\n  font-size: 0.875rem;\n  font-weight: 500;\n  color: var(--chat-assistant-text);\n}\n.input-field__option-description {\n  font-size: 0.75rem;\n  color: var(--chat-input-placeholder);\n}\n.input-field--checkbox .input-field__checkbox-wrapper {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  cursor: pointer;\n  padding: 0.5rem 0;\n}\n.input-field--checkbox .input-field__checkbox-label {\n  font-size: 0.875rem;\n  color: var(--chat-assistant-text);\n}\n.input-field--number .input-field__input {\n  -moz-appearance: textfield;\n}\n.input-field--number .input-field__input::-webkit-outer-spin-button,\n.input-field--number .input-field__input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.input-field--date .input-field__input {\n  cursor: pointer;\n}\n");
+
 // lib/chat/components/InputFormOverlay.css
-styleInject('@import "./input-fields/InputFields.css";\n.input-form-overlay {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  top: 0;\n  z-index: 10;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  pointer-events: none;\n}\n@keyframes slideUp {\n  from {\n    transform: translateY(100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n.input-form-overlay__content {\n  pointer-events: auto;\n  animation: slideUp 0.2s ease-out;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--chat-background);\n  border-top: 1px solid var(--chat-border);\n  border-radius: var(--chat-radius) var(--chat-radius) 0 0;\n  box-shadow: var(--chat-shadow-sm);\n  max-height: 80%;\n  font-family: var(--chat-font-family);\n}\n.input-form-overlay__title {\n  font-size: 1rem;\n  font-weight: 600;\n  color: var(--chat-assistant-text);\n  margin: 0 0 0.375rem 0;\n}\n.input-form-overlay__description {\n  font-size: 0.8125rem;\n  color: var(--chat-input-placeholder);\n  margin: 0 0 1rem 0;\n  line-height: 1.4;\n}\n.input-form-overlay__form {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n}\n.input-form-overlay__scrollable {\n  flex: 1;\n  overflow-y: auto;\n  min-height: 0;\n  padding: 1rem 1.25rem;\n}\n.input-form-overlay__fields {\n}\n.input-form-overlay__footer {\n  flex-shrink: 0;\n  padding: 0.5rem 1.25rem;\n  border-top: 1px solid var(--chat-border);\n}\n.input-form-overlay__actions {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  justify-content: flex-start;\n}\n.input-form-overlay__button {\n  padding: 0.5rem 1rem;\n  font-size: 0.875rem;\n  font-weight: 500;\n  border-radius: calc(var(--chat-radius) * 0.5);\n  cursor: pointer;\n  transition: all 0.15s ease-in-out;\n  border: none;\n}\n.input-form-overlay__button:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.input-form-overlay__button--primary {\n  background-color: var(--chat-primary);\n  color: var(--chat-primary-text);\n}\n.input-form-overlay__button--primary:hover:not(:disabled) {\n  background-color: var(--chat-primary-hover);\n}\n.input-form-overlay__button--secondary {\n  background-color: var(--chat-border);\n  color: var(--chat-assistant-text);\n}\n.input-form-overlay__button--secondary:hover:not(:disabled) {\n  opacity: 0.8;\n}\n.input-form-overlay__freeform-toggle {\n  padding: 0.5rem 0;\n  font-size: 0.75rem;\n  color: var(--chat-input-placeholder);\n  background: none;\n  border: none;\n  cursor: pointer;\n  transition: color 0.15s ease-in-out;\n  white-space: nowrap;\n}\n.input-form-overlay__freeform-toggle:hover {\n  color: var(--chat-primary);\n  text-decoration: underline;\n}\n.input-form-overlay__freeform {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n}\n.input-form-overlay__freeform-body {\n  padding: 1rem 1.25rem;\n}\n.input-form-overlay__freeform-input {\n  flex: 1;\n  width: 100%;\n  padding: 0.625rem;\n  font-size: var(--chat-font-size);\n  line-height: 1.4;\n  color: var(--chat-input-text);\n  background-color: var(--chat-input-bg);\n  border: 1px solid var(--chat-border);\n  border-radius: calc(var(--chat-radius) * 0.5);\n  resize: vertical;\n  min-height: 5rem;\n  font-family: var(--chat-font-family);\n}\n.input-form-overlay__freeform-input:focus {\n  outline: none;\n  border-color: var(--chat-primary);\n  box-shadow: 0 0 0 2px var(--chat-primary-subtle);\n}\n');
+styleInject("@import .input-form-overlay { position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: 10; display: flex; flex-direction: column; justify-content: flex-end; pointer-events: none; }\n@keyframes slideUp {\n  from {\n    transform: translateY(100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n.input-form-overlay__content {\n  pointer-events: auto;\n  animation: slideUp 0.2s ease-out;\n  display: flex;\n  flex-direction: column;\n  background-color: var(--chat-background);\n  border-top: 1px solid var(--chat-border);\n  border-radius: var(--chat-radius) var(--chat-radius) 0 0;\n  box-shadow: var(--chat-shadow-sm);\n  max-height: 80%;\n  font-family: var(--chat-font-family);\n}\n.input-form-overlay__title {\n  font-size: 1rem;\n  font-weight: 600;\n  color: var(--chat-assistant-text);\n  margin: 0 0 0.375rem 0;\n}\n.input-form-overlay__description {\n  font-size: 0.8125rem;\n  color: var(--chat-input-placeholder);\n  margin: 0 0 1rem 0;\n  line-height: 1.4;\n}\n.input-form-overlay__form {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n}\n.input-form-overlay__scrollable {\n  flex: 1;\n  overflow-y: auto;\n  min-height: 0;\n  padding: 1rem 1.25rem;\n}\n.input-form-overlay__fields {\n}\n.input-form-overlay__footer {\n  flex-shrink: 0;\n  padding: 0.5rem 1.25rem;\n  border-top: 1px solid var(--chat-border);\n}\n.input-form-overlay__actions {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  justify-content: flex-start;\n}\n.input-form-overlay__button {\n  padding: 0.5rem 1rem;\n  font-size: 0.875rem;\n  font-weight: 500;\n  border-radius: calc(var(--chat-radius) * 0.5);\n  cursor: pointer;\n  transition: all 0.15s ease-in-out;\n  border: none;\n}\n.input-form-overlay__button:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.input-form-overlay__button--primary {\n  background-color: var(--chat-primary);\n  color: var(--chat-primary-text);\n}\n.input-form-overlay__button--primary:hover:not(:disabled) {\n  background-color: var(--chat-primary-hover);\n}\n.input-form-overlay__button--secondary {\n  background-color: var(--chat-border);\n  color: var(--chat-assistant-text);\n}\n.input-form-overlay__button--secondary:hover:not(:disabled) {\n  opacity: 0.8;\n}\n.input-form-overlay__freeform-toggle {\n  padding: 0.5rem 0;\n  font-size: 0.75rem;\n  color: var(--chat-input-placeholder);\n  background: none;\n  border: none;\n  cursor: pointer;\n  transition: color 0.15s ease-in-out;\n  white-space: nowrap;\n}\n.input-form-overlay__freeform-toggle:hover {\n  color: var(--chat-primary);\n  text-decoration: underline;\n}\n.input-form-overlay__freeform {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n}\n.input-form-overlay__freeform-body {\n  padding: 1rem 1.25rem;\n}\n.input-form-overlay__freeform-input {\n  flex: 1;\n  width: 100%;\n  padding: 0.625rem;\n  font-size: var(--chat-font-size);\n  line-height: 1.4;\n  color: var(--chat-input-text);\n  background-color: var(--chat-input-bg);\n  border: 1px solid var(--chat-border);\n  border-radius: calc(var(--chat-radius) * 0.5);\n  resize: vertical;\n  min-height: 5rem;\n  font-family: var(--chat-font-family);\n}\n.input-form-overlay__freeform-input:focus {\n  outline: none;\n  border-color: var(--chat-primary);\n  box-shadow: 0 0 0 2px var(--chat-primary-subtle);\n}\n");
 
 // lib/chat/components/InputFormOverlay.tsx
 import { useState as useState3 } from "react";
@@ -22244,7 +22266,7 @@ function InputFormOverlay({ args, onComplete }) {
 // lib/chat/components/SpeechToTextButton.tsx
 import { Mic, MicOff } from "lucide-react";
 import {
-  useCallback as useCallback2,
+  useCallback as useCallback3,
   useEffect as useEffect2,
   useRef as useRef2,
   useState as useState4
@@ -22279,25 +22301,25 @@ function SpeechToTextButton({
   const countdownFrameRef = useRef2(null);
   const countdownEndRef = useRef2(0);
   const recognitionLanguage = language ?? "en-US";
-  const clearSilenceTimer = useCallback2(() => {
+  const clearSilenceTimer = useCallback3(() => {
     if (silenceTimer.current) {
       clearTimeout(silenceTimer.current);
       silenceTimer.current = null;
     }
   }, []);
-  const clearCountdownFrame = useCallback2(() => {
+  const clearCountdownFrame = useCallback3(() => {
     if (countdownFrameRef.current) {
       cancelAnimationFrame(countdownFrameRef.current);
       countdownFrameRef.current = null;
     }
   }, []);
-  const clearFinalTimer = useCallback2(() => {
+  const clearFinalTimer = useCallback3(() => {
     if (finalTimer.current) {
       clearTimeout(finalTimer.current);
       finalTimer.current = null;
     }
   }, []);
-  const stopListening = useCallback2(() => {
+  const stopListening = useCallback3(() => {
     clearSilenceTimer();
     clearFinalTimer();
     clearCountdownFrame();
@@ -22306,26 +22328,26 @@ function SpeechToTextButton({
     countdownEndRef.current = 0;
     recognitionRef.current?.stop();
   }, [clearSilenceTimer, clearFinalTimer, clearCountdownFrame]);
-  const handleRecognitionError = useCallback2((message) => {
+  const handleRecognitionError = useCallback3((message) => {
     console.error("Speech recognition error:", message);
     onError?.(message);
   }, [onError]);
-  const resetSilenceTimer = useCallback2(() => {
+  const resetSilenceTimer = useCallback3(() => {
     if (!silenceTimeout) return;
     clearSilenceTimer();
     silenceTimer.current = setTimeout(stopListening, silenceTimeout);
   }, [silenceTimeout, clearSilenceTimer, stopListening]);
-  const dispatchInterim = useCallback2((text4) => {
+  const dispatchInterim = useCallback3((text4) => {
     if (text4) {
       onInterim?.(text4);
     }
   }, [onInterim]);
-  const dispatchFinal = useCallback2((text4) => {
+  const dispatchFinal = useCallback3((text4) => {
     if (text4) {
       onFinal?.(text4);
     }
   }, [onFinal]);
-  const flushFinalText = useCallback2(() => {
+  const flushFinalText = useCallback3(() => {
     const buffered = finalTextRef.current.trim();
     if (buffered) {
       dispatchFinal(buffered);
@@ -22333,7 +22355,7 @@ function SpeechToTextButton({
     finalTextRef.current = "";
     clearFinalTimer();
   }, [dispatchFinal, clearFinalTimer]);
-  const updateCountdown = useCallback2(() => {
+  const updateCountdown = useCallback3(() => {
     if (!countdownEndRef.current || !finalDelay) {
       setCountdown(0);
       setCountdownActive(false);
@@ -22350,7 +22372,7 @@ function SpeechToTextButton({
     }
     countdownFrameRef.current = requestAnimationFrame(updateCountdown);
   }, [finalDelay]);
-  const startCountdown = useCallback2(() => {
+  const startCountdown = useCallback3(() => {
     if (!finalDelay) {
       setCountdown(0);
       setCountdownActive(false);
@@ -22362,7 +22384,7 @@ function SpeechToTextButton({
     clearCountdownFrame();
     countdownFrameRef.current = requestAnimationFrame(updateCountdown);
   }, [finalDelay, clearCountdownFrame, updateCountdown]);
-  const scheduleFinalFlush = useCallback2(() => {
+  const scheduleFinalFlush = useCallback3(() => {
     clearFinalTimer();
     if (!finalDelay) {
       flushFinalText();
@@ -22371,7 +22393,7 @@ function SpeechToTextButton({
     startCountdown();
     finalTimer.current = setTimeout(flushFinalText, finalDelay);
   }, [clearFinalTimer, finalDelay, flushFinalText, startCountdown]);
-  const attachRecognitionHandlers = useCallback2((recognition) => {
+  const attachRecognitionHandlers = useCallback3((recognition) => {
     recognition.continuous = true;
     recognition.interimResults = true;
     recognition.lang = recognitionLanguage;
@@ -22429,7 +22451,7 @@ function SpeechToTextButton({
       }
     };
   }, [recognitionLanguage, resetSilenceTimer, startCountdown, dispatchInterim, scheduleFinalFlush, handleRecognitionError, onListeningChange, clearSilenceTimer, flushFinalText, countdownActive]);
-  const ensureRecognition = useCallback2(() => {
+  const ensureRecognition = useCallback3(() => {
     if (typeof window === "undefined") {
       return null;
     }
@@ -22444,7 +22466,7 @@ function SpeechToTextButton({
     attachRecognitionHandlers(recognitionRef.current);
     return recognitionRef.current;
   }, [attachRecognitionHandlers, handleRecognitionError]);
-  const toggleListening = useCallback2(() => {
+  const toggleListening = useCallback3(() => {
     if (disabled) {
       return;
     }
@@ -22608,7 +22630,7 @@ function ToolApprovalOverlay({ approval, config: config2, configLoading, onAppro
 }
 
 // lib/chat/display-modes/BriefDisplayMode.tsx
-import React2, { useCallback as useCallback3, useEffect as useEffect3, useMemo as useMemo2, useRef as useRef3, useState as useState6 } from "react";
+import React2, { useCallback as useCallback4, useEffect as useEffect3, useMemo as useMemo2, useRef as useRef3, useState as useState6 } from "react";
 import { Fragment as Fragment2, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function CollapsedDisplay({
   collapsed,
@@ -22627,7 +22649,7 @@ function CollapsedDisplay({
     }
     partsCountRef.current = collapsed.parts.length;
   }, [collapsed.parts.length, isExpanded]);
-  const handleToggle = useCallback3(() => {
+  const handleToggle = useCallback4(() => {
     setIsExpanded((prev) => !prev);
   }, []);
   const collapsedClasses = [
@@ -22798,7 +22820,7 @@ function FullDisplayMode({
 }
 
 // lib/chat/renderers/MessageRenderer.tsx
-import React5, { useCallback as useCallback5, useMemo as useMemo4 } from "react";
+import React5, { useCallback as useCallback6, useMemo as useMemo4 } from "react";
 import ReactMarkdown from "react-markdown";
 
 // ../../node_modules/.pnpm/ccount@2.0.1/node_modules/ccount/index.js
@@ -26265,7 +26287,7 @@ styleInject(".chat-widget__feedback {\n  display: flex;\n  align-items: center;\
 
 // lib/chat/components/MessageFeedback.tsx
 import { MessageSquare, MessageSquareText, ThumbsDown, ThumbsUp } from "lucide-react";
-import { useCallback as useCallback4, useEffect as useEffect4, useState as useState7 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect4, useState as useState7 } from "react";
 import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var classNames = {
   wrapper: "chat-widget__feedback-wrapper",
@@ -26308,7 +26330,7 @@ var MessageFeedback = ({
       setCommentText(existingComment);
     }
   }, [existingRating, existingComment]);
-  const handlePositiveClick = useCallback4(() => {
+  const handlePositiveClick = useCallback5(() => {
     if (savedRating === "positive") {
       setSavedRating(null);
       setSavedComment("");
@@ -26321,7 +26343,7 @@ var MessageFeedback = ({
       onSubmit(messageId, { rating: "positive" });
     }
   }, [messageId, savedRating, onSubmit]);
-  const handleNegativeClick = useCallback4(() => {
+  const handleNegativeClick = useCallback5(() => {
     if (savedRating === "negative") {
       setSavedRating(null);
       setSavedComment("");
@@ -26337,7 +26359,7 @@ var MessageFeedback = ({
       onSubmit(messageId, { rating: "negative" });
     }
   }, [messageId, savedRating, requireCommentForNegative, onSubmit]);
-  const handleCommentToggle = useCallback4(() => {
+  const handleCommentToggle = useCallback5(() => {
     if (showCommentBox) {
       setShowCommentBox(false);
       if (pendingRating === "negative" && requireCommentForNegative) {
@@ -26348,14 +26370,14 @@ var MessageFeedback = ({
       setShowCommentBox(true);
     }
   }, [showCommentBox, pendingRating, requireCommentForNegative, savedComment]);
-  const handleCommentCancel = useCallback4(() => {
+  const handleCommentCancel = useCallback5(() => {
     setShowCommentBox(false);
     setCommentText(savedComment);
     if (pendingRating === "negative" && requireCommentForNegative) {
       setPendingRating(null);
     }
   }, [pendingRating, requireCommentForNegative, savedComment]);
-  const handleCommentSubmit = useCallback4(() => {
+  const handleCommentSubmit = useCallback5(() => {
     const ratingToSubmit = pendingRating ?? savedRating;
     if (ratingToSubmit === "negative" && requireCommentForNegative && !commentText.trim()) {
       return;
@@ -26609,7 +26631,16 @@ function renderError(container, message) {
   errorDiv.textContent = message;
   container.appendChild(errorDiv);
 }
-function WidgetRenderer({ widget, payload, enriched, messageContext, invokeTool }) {
+function WidgetRenderer({
+  widget,
+  payload,
+  enriched,
+  messageContext,
+  invokeTool,
+  canSendMessage,
+  sendMessage,
+  sendStructuredMessage
+}) {
   const containerRef = useRef4(null);
   const rootRef = useRef4(null);
   const pendingRootUnmountRef = useRef4(null);
@@ -26661,7 +26692,13 @@ function WidgetRenderer({ widget, payload, enriched, messageContext, invokeTool
       }
       let element;
       try {
-        element = widget.render(payload, enriched, { messageContext, invokeTool });
+        element = widget.render(payload, enriched, {
+          messageContext,
+          invokeTool,
+          canSendMessage,
+          sendMessage,
+          sendStructuredMessage
+        });
       } catch (error48) {
         console.error(`Widget "${widget.widgetType}" render function threw:`, error48);
         renderError(containerRef.current, `Widget render error: ${widget.widgetType}`);
@@ -26722,10 +26759,28 @@ To fix, add your ReactDOM to the widget config:
         renderError(containerRef.current, `Widget system error: ${widget.widgetType}`);
       }
     }
-  }, [isSdk, widget, payload, enriched, payloadHash, enrichedHash, messageContext, invokeTool]);
+  }, [
+    isSdk,
+    widget,
+    payload,
+    enriched,
+    payloadHash,
+    enrichedHash,
+    messageContext,
+    invokeTool,
+    canSendMessage,
+    sendMessage,
+    sendStructuredMessage
+  ]);
   if (isSdk) {
     try {
-      const element = widget.render(payload, enriched, { messageContext, invokeTool });
+      const element = widget.render(payload, enriched, {
+        messageContext,
+        invokeTool,
+        canSendMessage,
+        sendMessage,
+        sendStructuredMessage
+      });
       return /* @__PURE__ */ jsx15(Fragment4, { children: element });
     } catch (error48) {
       console.error(`SDK widget "${widget.widgetType}" render threw:`, error48);
@@ -26763,7 +26818,10 @@ function MessageRenderer({
   tagExpansion,
   className,
   feedback,
-  invokeTool
+  invokeTool,
+  canSendMessage,
+  sendMessage,
+  sendStructuredMessage
 }) {
   const messageContext = useMemo4(() => {
     if (!feedback) return void 0;
@@ -26777,7 +26835,7 @@ function MessageRenderer({
     () => feedback?.getFeedback() ?? null,
     [feedback]
   );
-  const renderPart = useCallback5(
+  const renderPart = useCallback6(
     (part, key) => {
       if (part == null) {
         return null;
@@ -26822,7 +26880,10 @@ function MessageRenderer({
                   payload: widget.payload,
                   enriched: widget.enriched ?? {},
                   messageContext: messageContext ?? void 0,
-                  invokeTool
+                  invokeTool,
+                  canSendMessage,
+                  sendMessage,
+                  sendStructuredMessage
                 }
               )
             },
@@ -26832,9 +26893,9 @@ function MessageRenderer({
       }
       return null;
     },
-    [widgets, readonly2, messageContext]
+    [widgets, readonly2, messageContext, invokeTool, canSendMessage, sendMessage, sendStructuredMessage]
   );
-  const renderGroup = useCallback5(
+  const renderGroup = useCallback6(
     (groupName, key, children) => {
       const isExpanded = tagExpansion?.state.get(key) ?? true;
       return /* @__PURE__ */ jsx16(
@@ -27084,11 +27145,14 @@ var ChatWidget = forwardRef(function ChatWidget2({
   const isAtBottomRef = useRef5(true);
   const textareaRef = useRef5(null);
   const suppressScrollRef = useRef5(false);
+  const hasScrolledInitialHistoryRef = useRef5(false);
   const {
     messages,
     status,
     isLoadingInitial,
+    canSendMessage,
     sendMessage,
+    sendStructuredMessage,
     stop,
     setMessages,
     addToolOutput,
@@ -27107,7 +27171,7 @@ var ChatWidget = forwardRef(function ChatWidget2({
     onFinish,
     onMessage
   });
-  const handleToolOutput = useCallback6((result) => {
+  const handleToolOutput = useCallback7((result) => {
     if (pendingToolOutput && addToolOutput) {
       addToolOutput({
         tool: "collect_user_input",
@@ -27116,7 +27180,7 @@ var ChatWidget = forwardRef(function ChatWidget2({
       });
     }
   }, [pendingToolOutput, addToolOutput]);
-  const handleToolApproval = useCallback6((approved, reason) => {
+  const handleToolApproval = useCallback7((approved, reason) => {
     if (!pendingToolApproval) return;
     addToolApprovalResponse({
       id: pendingToolApproval.approvalId,
@@ -27124,14 +27188,19 @@ var ChatWidget = forwardRef(function ChatWidget2({
       reason
     });
   }, [pendingToolApproval, addToolApprovalResponse]);
-  const isInputDisabled = status !== "ready" || !!pendingToolOutput || !!pendingToolApproval;
+  const isInputDisabled = !canSendMessage;
   useImperativeHandle(ref, () => ({
     sendMessage: (message) => {
       if (message.trim() && status === "ready") {
         sendMessage({ text: message });
       }
+    },
+    sendStructuredMessage: (message, payload) => {
+      if (message.trim() && status === "ready") {
+        void sendStructuredMessage(message, payload);
+      }
     }
-  }), [sendMessage, status]);
+  }), [sendMessage, sendStructuredMessage, status]);
   const feedbackEnabled = feedback?.enabled !== false;
   const {
     submitFeedback,
@@ -27173,7 +27242,7 @@ var ChatWidget = forwardRef(function ChatWidget2({
       setApprovalConfigLoading(false);
     });
   }, [pendingToolApproval, api, agentId, agentVersion, onAuthError]);
-  const handleTagToggle = useCallback6((messageId, tagId, currentlyExpanded) => {
+  const handleTagToggle = useCallback7((messageId, tagId, currentlyExpanded) => {
     suppressScrollRef.current = true;
     setTagExpansionState((prev) => {
       const next = new Map(prev);
@@ -27222,12 +27291,31 @@ var ChatWidget = forwardRef(function ChatWidget2({
       sendMessage({ text: initialUserMessage });
     }
   }, [initialUserMessage, isLoadingInitial, status, messages.length, sendMessage]);
-  const handleScroll = useCallback6(() => {
+  const handleScroll = useCallback7(() => {
     if (!scrollContainerRef.current) return;
     const { scrollTop, scrollHeight, clientHeight } = scrollContainerRef.current;
     const distanceToBottom = scrollHeight - scrollTop - clientHeight;
     isAtBottomRef.current = distanceToBottom < 100;
   }, []);
+  const scrollToBottom = useCallback7((behavior = "smooth") => {
+    if (!scrollContainerRef.current) return;
+    scrollContainerRef.current.scrollTo({
+      top: scrollContainerRef.current.scrollHeight,
+      behavior
+    });
+    isAtBottomRef.current = true;
+  }, []);
+  useEffect6(() => {
+    if (isLoadingInitial || hasScrolledInitialHistoryRef.current) return;
+    hasScrolledInitialHistoryRef.current = true;
+    scrollToBottom("auto");
+    const frameId = requestAnimationFrame(() => scrollToBottom("auto"));
+    const timeoutId = window.setTimeout(() => scrollToBottom("auto"), 100);
+    return () => {
+      cancelAnimationFrame(frameId);
+      window.clearTimeout(timeoutId);
+    };
+  }, [isLoadingInitial, scrollToBottom]);
   useEffect6(() => {
     if (suppressScrollRef.current) {
       suppressScrollRef.current = false;
@@ -27236,9 +27324,9 @@ var ChatWidget = forwardRef(function ChatWidget2({
     const lastMessage = messages[messages.length - 1];
     const isUserMessage = lastMessage?.role === "user";
     if (isAtBottomRef.current || isUserMessage) {
-      messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
+      scrollToBottom("smooth");
     }
-  }, [messages, status]);
+  }, [messages, status, scrollToBottom]);
   useEffect6(() => {
     const timer = setTimeout(() => {
       textareaRef.current?.focus();
@@ -27253,7 +27341,7 @@ var ChatWidget = forwardRef(function ChatWidget2({
       setIsSpeechPending(false);
     }
   }, [status]);
-  const sendText = useCallback6((raw) => {
+  const sendText = useCallback7((raw) => {
     const text4 = (raw ?? input).trim();
     if (!text4 || isInputDisabled) return false;
     sendMessage({ text: text4 });
@@ -27274,10 +27362,10 @@ var ChatWidget = forwardRef(function ChatWidget2({
     }
   };
   const speechEnabled = speechToText?.enabled !== false;
-  const handleSpeechInterim = useCallback6((text4) => {
+  const handleSpeechInterim = useCallback7((text4) => {
     setInput(text4);
   }, [setInput]);
-  const handleSpeechFinal = useCallback6((text4) => {
+  const handleSpeechFinal = useCallback7((text4) => {
     const finalText = text4?.trim();
     if (!finalText || isSpeechPending) return;
     setInput(finalText);
@@ -27354,7 +27442,18 @@ var ChatWidget = forwardRef(function ChatWidget2({
                               getFeedback: () => getFeedback(message.id),
                               submitFeedback: (params) => submitFeedback(message.id, params)
                             } : void 0,
-                            invokeTool
+                            invokeTool,
+                            canSendMessage,
+                            sendMessage: (text4) => {
+                              if (canSendMessage) {
+                                sendMessage({ text: text4 });
+                              }
+                            },
+                            sendStructuredMessage: (text4, payload) => {
+                              if (canSendMessage) {
+                                void sendStructuredMessage(text4, payload);
+                              }
+                            }
                           }
                         )
                       }