@chatcops/widget 0.6.0 → 0.7.0

package/dist/chatcops.esm.js

@@ -1,9 +1,24 @@
-const widgetStyles = ":host{--cc-accent: #6366f1;--cc-accent-hover: #4f46e5;--cc-on-accent: #ffffff;--cc-accent-contrast: #6164ec;--cc-text: #ffffff;--cc-bg: #0a0a0a;--cc-bg-surface: #1a1a1a;--cc-bg-input: #2a2a2a;--cc-border: #333333;--cc-text-secondary: #a0a0a0;--cc-font: system-ui, -apple-system, sans-serif;--cc-radius: 12px;--cc-shadow: 0 8px 32px rgba(0,0,0,.4);--cc-fab-size: 56px;--cc-panel-width: 400px;--cc-panel-height: 560px;all:initial;font-family:var(--cc-font);font-size:14px;line-height:1.5;color:var(--cc-text);-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.cc-fab{position:fixed;bottom:20px;right:20px;width:var(--cc-fab-size);height:var(--cc-fab-size);border-radius:50%;background:var(--cc-accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000004d;transition:transform .2s,box-shadow .2s;z-index:10000;outline:none}.cc-fab:hover{transform:scale(1.05);box-shadow:0 6px 24px #0006}.cc-fab:active{transform:scale(.95)}.cc-fab.cc-left{right:auto;left:20px}.cc-fab svg{width:24px;height:24px;fill:var(--cc-on-accent);transition:transform .3s}.cc-fab.cc-open svg{transform:rotate(90deg)}.cc-fab-badge{position:absolute;top:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background:#ef4444;border:2px solid var(--cc-bg);display:none}.cc-fab-badge.cc-visible{display:block}@keyframes cc-pulse{0%,to{box-shadow:0 4px 16px #0000004d}50%{box-shadow:0 4px 16px #6366f180}}.cc-fab.cc-pulse{animation:cc-pulse 2s ease-in-out 3}.cc-panel{position:fixed;bottom:88px;right:20px;width:var(--cc-panel-width);height:var(--cc-panel-height);max-height:calc(100vh - 100px);background:var(--cc-bg);border-radius:var(--cc-radius);box-shadow:var(--cc-shadow);border:1px solid var(--cc-border);display:flex;flex-direction:column;overflow:hidden;z-index:9999;opacity:0;transform:translateY(16px) scale(.95);pointer-events:none;transition:opacity .2s,transform .2s}.cc-panel.cc-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.cc-panel.cc-left{right:auto;left:20px}.cc-panel.cc-inline{position:relative;bottom:auto;right:auto;left:auto;width:100%;height:100%;max-height:100%;z-index:auto;transform:none;transition:none}.cc-panel.cc-inline:not(.cc-visible){visibility:hidden}.cc-panel.cc-inline.cc-visible{transform:none}.cc-header{display:flex;align-items:center;padding:16px;background:var(--cc-bg-surface);border-bottom:1px solid var(--cc-border);flex-shrink:0}.cc-header-avatar{width:36px;height:36px;border-radius:50%;margin-right:12px;object-fit:cover}.cc-header-avatar-placeholder{width:36px;height:36px;border-radius:50%;margin-right:12px;background:var(--cc-accent);display:flex;align-items:center;justify-content:center}.cc-header-avatar-placeholder svg{width:20px;height:20px;fill:var(--cc-on-accent)}.cc-header-info{flex:1}.cc-header-name{font-size:15px;font-weight:600;color:var(--cc-text)}.cc-header-subtitle{font-size:12px;color:var(--cc-text-secondary)}.cc-header-close{width:32px;height:32px;border-radius:8px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.cc-header-close:hover{background:var(--cc-bg-input)}.cc-header-close svg{width:16px;height:16px;fill:var(--cc-text-secondary)}.cc-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.cc-messages::-webkit-scrollbar{width:4px}.cc-messages::-webkit-scrollbar-track{background:transparent}.cc-messages::-webkit-scrollbar-thumb{background:var(--cc-border);border-radius:2px}.cc-message{max-width:85%;padding:10px 14px;border-radius:var(--cc-radius);word-wrap:break-word;overflow-wrap:break-word;font-size:14px;line-height:1.5;display:flex;flex-direction:column;gap:8px}.cc-message-user{align-self:flex-end;background:var(--cc-accent-contrast);color:var(--cc-on-accent);border-bottom-right-radius:4px}.cc-message-assistant{align-self:flex-start;background:var(--cc-bg-surface);color:var(--cc-text);border-bottom-left-radius:4px}.cc-message a{color:var(--cc-accent);text-decoration:underline}.cc-message-user a{color:var(--cc-on-accent)}.cc-message-error-note{margin-top:6px;font-size:12px;color:var(--cc-text-secondary)}.cc-message code{background:#0003;padding:1px 4px;border-radius:4px;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:13px}.cc-message pre{background:#0000004d;padding:8px 12px;border-radius:8px;overflow-x:auto;margin:4px 0}.cc-message pre code{background:transparent;padding:0}.cc-message ul,.cc-message ol{padding-left:20px;margin:4px 0}.cc-message h1,.cc-message h2,.cc-message h3,.cc-message h4,.cc-message h5,.cc-message h6{font-size:15px;font-weight:600;line-height:1.4;margin:4px 0 0}.cc-message-actions{display:flex;align-items:center}.cc-message-retry,.cc-message-regenerate{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:transparent;border:1px solid var(--cc-border);border-radius:6px;color:var(--cc-text-secondary);font-family:var(--cc-font);font-size:12px;cursor:pointer;transition:background .15s,color .15s,opacity .15s}.cc-message-retry:hover,.cc-message-regenerate:hover{background:var(--cc-bg-input);color:var(--cc-text)}.cc-message-retry svg,.cc-message-regenerate svg{fill:currentColor}.cc-message-regenerate{opacity:0}.cc-message:hover .cc-message-regenerate{opacity:1}.cc-message:focus-within .cc-message-regenerate,.cc-message-regenerate:focus-visible{opacity:1}@media(hover:none){.cc-message-regenerate{opacity:1}}.cc-message-retry{border-color:#ef4444;color:#ef4444}.cc-message-retry:hover{background:#ef44441a;color:#ef4444}.cc-typing{display:flex;align-items:center;gap:4px;padding:10px 14px;align-self:flex-start;background:var(--cc-bg-surface);border-radius:var(--cc-radius);border-bottom-left-radius:4px}.cc-typing-dot{width:6px;height:6px;border-radius:50%;background:var(--cc-text-secondary);animation:cc-bounce 1.2s infinite}.cc-typing-dot:nth-child(2){animation-delay:.2s}.cc-typing-dot:nth-child(3){animation-delay:.4s}@keyframes cc-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.cc-input-area{display:flex;align-items:flex-end;padding:12px 16px;border-top:1px solid var(--cc-border);background:var(--cc-bg);gap:8px}.cc-input{flex:1;background:var(--cc-bg-input);border:1px solid var(--cc-border);border-radius:8px;padding:8px 12px;color:var(--cc-text);font-family:var(--cc-font);font-size:14px;line-height:1.5;resize:none;outline:none;max-height:96px;overflow-y:auto;transition:border-color .15s}.cc-input:focus{border-color:var(--cc-accent);outline:2px solid var(--cc-accent);outline-offset:1px}.cc-input::placeholder{color:var(--cc-text-secondary)}.cc-send-btn{width:36px;height:36px;border-radius:8px;background:var(--cc-accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,opacity .15s}.cc-send-btn:hover{background:var(--cc-accent-hover)}.cc-send-btn:disabled{opacity:.4;cursor:not-allowed}.cc-send-btn svg{width:16px;height:16px;fill:var(--cc-on-accent)}.cc-footer{padding:6px 16px;text-align:center;font-size:11px;color:var(--cc-text-secondary);border-top:1px solid var(--cc-border)}.cc-footer a{color:var(--cc-text-secondary);text-decoration:none}.cc-footer a:hover{text-decoration:underline}.cc-bubble{position:fixed;bottom:84px;right:20px;background:var(--cc-bg-surface);color:var(--cc-text);padding:10px 16px;border-radius:var(--cc-radius);box-shadow:var(--cc-shadow);border:1px solid var(--cc-border);max-width:260px;font-size:13px;line-height:1.4;z-index:9998;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .3s,transform .3s;cursor:pointer}.cc-bubble.cc-visible{opacity:1;transform:translateY(0);pointer-events:auto}.cc-bubble.cc-left{right:auto;left:20px}.cc-bubble-close{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:50%;background:var(--cc-bg);border:1px solid var(--cc-border);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--cc-text-secondary)}.cc-hidden{display:none}.cc-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.cc-messages-wrapper{flex:1;display:flex;flex-direction:column;min-height:0}.cc-prechat{flex:1;overflow-y:auto;padding:24px 16px;display:flex;flex-direction:column;gap:16px}.cc-prechat-title{font-size:18px;font-weight:600;color:var(--cc-text)}.cc-prechat-subtitle{font-size:13px;color:var(--cc-text-secondary);margin-top:-8px}.cc-prechat-fields{display:flex;flex-direction:column;gap:14px}.cc-prechat-field{display:flex;flex-direction:column;gap:4px}.cc-prechat-label{font-size:13px;font-weight:500;color:var(--cc-text)}.cc-prechat-label .cc-required{color:#ef4444;margin-left:2px}.cc-prechat-input,.cc-prechat-select,.cc-prechat-textarea{background:var(--cc-bg-input);border:1px solid var(--cc-border);border-radius:8px;padding:8px 12px;color:var(--cc-text);font-family:var(--cc-font);font-size:14px;outline:none;transition:border-color .15s}.cc-prechat-input:focus,.cc-prechat-select:focus,.cc-prechat-textarea:focus{border-color:var(--cc-accent)}.cc-prechat-select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.cc-prechat-textarea{resize:none;line-height:1.5}.cc-prechat-error{font-size:12px;color:#ef4444;min-height:0}.cc-prechat-error:empty{display:none}.cc-prechat-submit{background:var(--cc-accent-contrast);color:var(--cc-on-accent);border:none;border-radius:8px;padding:10px 16px;font-family:var(--cc-font);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s;margin-top:8px}.cc-prechat-submit:hover{background:var(--cc-accent-hover)}.cc-prechat-submit:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.cc-fab.cc-open{display:none}.cc-panel:not(.cc-inline){width:100%;height:100%;max-height:100%;bottom:0;right:0;left:0;border-radius:0;border:none}.cc-panel.cc-left:not(.cc-inline){left:0}.cc-bubble{bottom:84px;right:16px;left:16px;max-width:none}}.cc-fab:focus-visible,.cc-header-close:focus-visible,.cc-send-btn:focus-visible,.cc-message-retry:focus-visible,.cc-message-regenerate:focus-visible,.cc-bubble-close:focus-visible,.cc-prechat-submit:focus-visible{outline:2px solid var(--cc-accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){.cc-fab.cc-pulse,.cc-typing-dot{animation:none}.cc-panel,.cc-bubble{transition:none}}";
+const launcherStyles = ':host{--cc-accent: var(--cc-theme-accent, #4f46e5);--cc-accent-hover: var(--cc-theme-accent-hover, #4338ca);--cc-on-accent: var(--cc-theme-on-accent, #ffffff);--cc-accent-contrast: var(--cc-theme-accent-contrast, #4f46e5);--cc-text: #1a1d23;--cc-bg: #ffffff;--cc-bg-surface: #f4f5f7;--cc-bg-input: #ffffff;--cc-border: #d9dce1;--cc-text-secondary: #5b616e;--cc-danger: #c62828;--cc-code-bg: rgb(0 0 0 / .07);--cc-pre-bg: rgb(0 0 0 / .05);--cc-shadow: 0 12px 40px rgb(16 24 40 / .18);--cc-font: system-ui, -apple-system, sans-serif;--cc-radius: 12px;--cc-fab-size: 56px;--cc-panel-width: 400px;--cc-panel-height: 560px;--cc-focus-ring: 0 0 0 2px var(--cc-bg), 0 0 0 4px var(--cc-accent);all:initial;color-scheme:light;font-family:var(--cc-font);font-size:14px;line-height:1.5;color:var(--cc-text);-webkit-font-smoothing:antialiased}:host([data-cc-mode="dark"]){--cc-accent: var(--cc-theme-accent-dark, var(--cc-theme-accent, #6366f1));--cc-accent-hover: var(--cc-theme-accent-dark-hover, var(--cc-theme-accent-hover, #4f46e5));--cc-on-accent: var(--cc-theme-on-accent-dark, var(--cc-theme-on-accent, #ffffff));--cc-accent-contrast: var(--cc-theme-accent-dark-contrast, var(--cc-theme-accent-contrast, #6164ec));--cc-text: #ffffff;--cc-bg: #0a0a0a;--cc-bg-surface: #1a1a1a;--cc-bg-input: #2a2a2a;--cc-border: #333333;--cc-text-secondary: #a0a0a0;--cc-danger: #ef4444;--cc-code-bg: rgba(0, 0, 0, .2);--cc-pre-bg: rgba(0, 0, 0, .3);--cc-shadow: 0 8px 32px rgba(0,0,0,.4);color-scheme:dark}@media(prefers-color-scheme:dark){:host(:not([data-cc-mode])),:host([data-cc-mode="auto"]){--cc-accent: var(--cc-theme-accent-dark, var(--cc-theme-accent, #6366f1));--cc-accent-hover: var(--cc-theme-accent-dark-hover, var(--cc-theme-accent-hover, #4f46e5));--cc-on-accent: var(--cc-theme-on-accent-dark, var(--cc-theme-on-accent, #ffffff));--cc-accent-contrast: var(--cc-theme-accent-dark-contrast, var(--cc-theme-accent-contrast, #6164ec));--cc-text: #ffffff;--cc-bg: #0a0a0a;--cc-bg-surface: #1a1a1a;--cc-bg-input: #2a2a2a;--cc-border: #333333;--cc-text-secondary: #a0a0a0;--cc-danger: #ef4444;--cc-code-bg: rgba(0, 0, 0, .2);--cc-pre-bg: rgba(0, 0, 0, .3);--cc-shadow: 0 8px 32px rgba(0,0,0,.4);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.cc-fab{position:fixed;bottom:20px;right:20px;width:var(--cc-fab-size);height:var(--cc-fab-size);border-radius:50%;background:var(--cc-accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000004d;transition:transform .2s,box-shadow .2s;z-index:10000;outline:none}.cc-fab:hover{transform:scale(1.05);box-shadow:0 6px 24px #0006}.cc-fab:active{transform:scale(.95)}.cc-fab.cc-left{right:auto;left:20px}.cc-fab svg{width:24px;height:24px;fill:var(--cc-on-accent);transition:transform .3s}.cc-fab.cc-open svg{transform:rotate(90deg)}.cc-fab-badge{position:absolute;top:-2px;inset-inline-end:-2px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#ef4444;border:2px solid var(--cc-bg);color:#fff;font-size:11px;font-weight:700;line-height:1;display:none;align-items:center;justify-content:center;pointer-events:none}.cc-fab-badge.cc-visible{display:flex}@keyframes cc-pulse{0%,to{box-shadow:0 4px 16px #0000004d}50%{box-shadow:0 4px 16px color-mix(in srgb,var(--cc-accent) 50%,transparent)}}.cc-fab.cc-pulse{animation:cc-pulse 2s ease-in-out 3}.cc-fab:focus-visible{outline:2px solid transparent;box-shadow:var(--cc-focus-ring),0 4px 16px #0000004d;animation:none}@media(prefers-reduced-motion:reduce){.cc-fab.cc-pulse{animation:none}}';
+const widgetStyles = '.cc-panel{position:fixed;bottom:88px;right:20px;width:var(--cc-panel-width);height:var(--cc-panel-height);max-height:calc(100vh - 100px);background:var(--cc-bg);border-radius:var(--cc-radius);box-shadow:var(--cc-shadow);border:1px solid var(--cc-border);display:flex;flex-direction:column;overflow:hidden;z-index:9999;opacity:0;transform:translateY(16px) scale(.95);pointer-events:none;transition:opacity .2s,transform .2s}.cc-panel.cc-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.cc-panel.cc-left{right:auto;left:20px}.cc-panel.cc-inline{position:relative;bottom:auto;inset-inline:auto;width:100%;height:100%;max-height:100%;z-index:auto;transform:none;transition:none}.cc-panel.cc-inline:not(.cc-visible){visibility:hidden}.cc-header{display:flex;align-items:center;padding:16px;background:var(--cc-bg-surface);border-bottom:1px solid var(--cc-border);flex-shrink:0}.cc-header-avatar,.cc-header-avatar-placeholder{width:36px;height:36px;border-radius:50%;margin-inline-end:12px}.cc-header-avatar{object-fit:cover}.cc-header-avatar-placeholder{background:var(--cc-accent);display:flex;align-items:center;justify-content:center}.cc-header-avatar-placeholder svg{width:20px;height:20px;fill:var(--cc-on-accent)}.cc-header-info{flex:1}.cc-header-name{font-size:15px;font-weight:600;color:var(--cc-text)}.cc-header-subtitle{font-size:12px;color:var(--cc-text-secondary)}.cc-header-close{width:32px;height:32px;border-radius:8px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.cc-header-close:hover{background:var(--cc-bg-input)}.cc-header-close svg{width:16px;height:16px;fill:var(--cc-text-secondary)}.cc-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.cc-messages::-webkit-scrollbar{width:4px}.cc-messages::-webkit-scrollbar-track{background:transparent}.cc-messages::-webkit-scrollbar-thumb{background:var(--cc-border);border-radius:2px}.cc-message{max-width:85%;padding:10px 14px;border-radius:var(--cc-radius);word-wrap:break-word;overflow-wrap:break-word;font-size:14px;line-height:1.5;display:flex;flex-direction:column;gap:8px}.cc-message-user{align-self:flex-end;background:var(--cc-accent-contrast);color:var(--cc-on-accent);border-end-end-radius:4px}.cc-message-assistant{align-self:flex-start;background:var(--cc-bg-surface);color:var(--cc-text);border-end-start-radius:4px}.cc-suggestions{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 12px}.cc-suggestion{border:1px solid var(--cc-border);border-radius:var(--cc-radius);padding:8px 12px;background:var(--cc-bg-surface);color:var(--cc-text);cursor:pointer;font:inherit}.cc-suggestion:hover{border-color:var(--cc-accent)}.cc-message a{color:var(--cc-accent);text-decoration:underline}.cc-message-user a{color:var(--cc-on-accent)}.cc-disclosure{margin-block-end:4px;padding:8px 12px;border:1px solid var(--cc-border);border-radius:10px;font-size:12px;color:var(--cc-text-secondary)}.cc-disclosure a{color:inherit;text-decoration:underline}.cc-message-error-note{margin-top:6px;font-size:12px;color:var(--cc-text-secondary)}.cc-message-sources{margin-block-start:8px;font-size:12px;color:var(--cc-text-secondary)}.cc-message-sources ol{margin:0;padding-inline-start:1.2em}.cc-message-sources a{color:var(--cc-text-secondary);text-decoration:underline}.cc-message code{background:var(--cc-code-bg);padding:1px 4px;border-radius:4px;font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:13px}.cc-message pre{background:var(--cc-pre-bg);padding:8px 12px;border-radius:8px;overflow-x:auto;margin:4px 0}.cc-message pre code{background:transparent;padding:0}.cc-message ul,.cc-message ol{padding-inline-start:20px;margin:4px 0}.cc-message h1,.cc-message h2,.cc-message h3,.cc-message h4,.cc-message h5,.cc-message h6{font-size:15px;font-weight:600;line-height:1.4;margin:4px 0 0}.cc-message-actions{display:flex;align-items:center}.cc-message-retry,.cc-message-regenerate{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:transparent;border:1px solid var(--cc-border);border-radius:6px;color:var(--cc-text-secondary);font-family:var(--cc-font);font-size:12px;cursor:pointer;transition:background .15s,color .15s,opacity .15s}.cc-message-retry:hover,.cc-message-regenerate:hover{background:var(--cc-bg-input);color:var(--cc-text)}.cc-message-retry svg,.cc-message-regenerate svg{fill:currentColor}.cc-message-regenerate{opacity:0}.cc-message:hover .cc-message-regenerate{opacity:1}.cc-message:focus-within .cc-message-regenerate,.cc-message-regenerate:focus-visible{opacity:1}@media(hover:none){.cc-message-regenerate{opacity:1}}.cc-message-retry{border-color:var(--cc-danger);color:var(--cc-danger)}.cc-message-retry:hover{background:color-mix(in srgb,var(--cc-danger) 10%,transparent);color:var(--cc-danger)}.cc-typing{display:flex;align-items:center;gap:4px;padding:10px 14px;align-self:flex-start;background:var(--cc-bg-surface);border-radius:var(--cc-radius);border-end-start-radius:4px}.cc-typing-dot{width:6px;height:6px;border-radius:50%;background:var(--cc-text-secondary);animation:cc-bounce 1.2s infinite}.cc-typing-dot:nth-child(2){animation-delay:.2s}.cc-typing-dot:nth-child(3){animation-delay:.4s}@keyframes cc-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.cc-input-area{display:flex;align-items:flex-end;padding:12px 16px;border-top:1px solid var(--cc-border);background:var(--cc-bg);gap:8px}.cc-input{flex:1;background:var(--cc-bg-input);border:1px solid var(--cc-border);border-radius:8px;padding:8px 12px;color:var(--cc-text);font-family:var(--cc-font);font-size:14px;line-height:1.5;resize:none;outline:none;max-height:96px;overflow-y:auto;transition:border-color .15s}.cc-input:focus{border-color:var(--cc-accent)}.cc-input::placeholder{color:var(--cc-text-secondary)}.cc-send-btn{width:36px;height:36px;border-radius:8px;background:var(--cc-accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,opacity .15s}.cc-send-btn:hover{background:var(--cc-accent-hover)}.cc-send-btn:disabled{opacity:.4;cursor:not-allowed}.cc-send-btn svg{width:16px;height:16px;fill:var(--cc-on-accent)}:host([dir="rtl"]) .cc-send-btn svg{transform:scaleX(-1)}.cc-footer{padding:6px 16px;text-align:center;font-size:11px;color:var(--cc-text-secondary);border-top:1px solid var(--cc-border)}.cc-footer a{color:var(--cc-text-secondary);text-decoration:none}.cc-footer a:hover{text-decoration:underline}.cc-bubble{position:fixed;bottom:84px;right:20px;background:var(--cc-bg-surface);color:var(--cc-text);padding:10px 16px;border-radius:var(--cc-radius);box-shadow:var(--cc-shadow);border:1px solid var(--cc-border);max-width:260px;font-size:13px;line-height:1.4;z-index:9998;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .3s,transform .3s}.cc-bubble.cc-visible{opacity:1;transform:translateY(0);pointer-events:auto}.cc-bubble.cc-left{right:auto;left:20px}.cc-bubble-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;padding:0;margin:0;border:0;background:transparent;color:inherit;font:inherit;line-height:inherit;text-align:start;cursor:pointer}.cc-bubble-close{position:absolute;top:-8px;inset-inline-end:-8px;width:20px;height:20px;border-radius:50%;background:var(--cc-bg);border:1px solid var(--cc-border);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--cc-text-secondary)}.cc-hidden{display:none}.cc-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.cc-messages-wrapper{flex:1;display:flex;flex-direction:column;min-height:0}@media(max-width:640px){.cc-fab.cc-open{display:none}.cc-panel:not(.cc-inline){width:100%;height:100%;height:100dvh;max-height:100%;bottom:0;inset-inline:0;border-radius:0;border:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.cc-panel.cc-left:not(.cc-inline){left:0}.cc-input{font-size:16px}.cc-bubble{bottom:84px;inset-inline:16px;max-width:none}}.cc-header-close:focus-visible,.cc-send-btn:focus-visible,.cc-suggestion:focus-visible,.cc-message-retry:focus-visible,.cc-message-regenerate:focus-visible,.cc-bubble-trigger:focus-visible,.cc-bubble-close:focus-visible,.cc-input:focus-visible{outline:2px solid transparent;box-shadow:var(--cc-focus-ring)}@media(prefers-reduced-motion:reduce){.cc-typing-dot{animation:none}.cc-panel,.cc-bubble{transition:none}}';
 const HOST_ID = "chatcops-root";
-function createShadowRoot(container) {
+const RTL_LANGUAGES = /* @__PURE__ */ new Set(["ar", "he", "fa", "ur"]);
+function setLanguageDirection(code, dir) {
+  const language = code.toLowerCase().split(/[-_]/)[0];
+  if (dir === "rtl") RTL_LANGUAGES.add(language);
+  else RTL_LANGUAGES.delete(language);
+}
+function resolveDirection(configured, locale) {
+  if (configured) return configured;
+  const language = locale == null ? void 0 : locale.toLowerCase().split(/[-_]/)[0];
+  if (language && RTL_LANGUAGES.has(language)) return "rtl";
+  return (document.dir || document.documentElement.dir) === "rtl" ? "rtl" : "ltr";
+}
+function createShadowRoot(container, options = {}) {
   const host = document.createElement("div");
   host.id = nextHostId();
   host.className = HOST_ID;
+  host.dir = resolveDirection(options.dir, options.locale);
+  if (options.locale) host.lang = options.locale;
   if (container) {
     container.appendChild(host);
   } else {
@@ -11,7 +26,7 @@ function createShadowRoot(container) {
   }
   const shadow = host.attachShadow({ mode: "open" });
   const style = document.createElement("style");
-  style.textContent = widgetStyles;
+  style.textContent = launcherStyles + widgetStyles;
   shadow.appendChild(style);
   return shadow;
 }
@@ -24,6 +39,8 @@ function nextHostId() {
   while (document.getElementById(`${HOST_ID}-${n}`)) n += 1;
   return `${HOST_ID}-${n}`;
 }
+const CHAT_ICON = `<svg viewBox="0 0 24 24"><path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17L4 17.17V4h16v12z"/><path d="M7 9h10v2H7zm0-3h10v2H7z"/></svg>`;
+const CLOSE_ICON$1 = `<svg viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg>`;
 const ESCAPE_MAP = {
   "&": "&amp;",
   "<": "&lt;",
@@ -88,29 +105,108 @@ function renderMarkdown(input) {
 }
 const RETRY_ICON = '<svg viewBox="0 0 24 24" width="14" height="14" aria-hidden="true"><path d="M17.65 6.35A7.96 7.96 0 0012 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08A5.99 5.99 0 0112 18c-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"/></svg>';
 const REGENERATE_ICON = '<svg viewBox="0 0 24 24" width="14" height="14" aria-hidden="true"><path d="M12 4V1L8 5l4 4V6c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46A7.93 7.93 0 0020 12c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 7.74A7.93 7.93 0 004 12c0 4.42 3.58 8 8 8v3l4-4-4-4v3z"/></svg>';
+const FOLLOW_SLACK = 48;
+const STREAM_INTERVAL_MS = 50;
 class Messages {
-  constructor(parent, actions) {
+  constructor(parent, actions, options = {}) {
+    this.streams = /* @__PURE__ */ new Map();
     this.typingEl = null;
+    this.suggestionsEl = null;
+    this.disclosureEl = null;
     this.actions = actions;
+    this.streamIntervalMs = options.streamIntervalMs ?? STREAM_INTERVAL_MS;
     this.container = document.createElement("div");
     this.container.className = "cc-messages";
     this.container.setAttribute("role", "log");
     this.container.setAttribute("aria-live", "polite");
     parent.appendChild(this.container);
+    this.announcement = document.createElement("div");
+    this.announcement.className = "cc-reply-announcement cc-sr-only";
+    this.announcement.setAttribute("aria-live", "polite");
+    this.announcement.setAttribute("aria-atomic", "true");
+    parent.appendChild(this.announcement);
+  }
+  beginReply() {
+    this.announcement.textContent = "";
+    this.container.setAttribute("aria-live", "off");
+  }
+  finishReply(msg) {
+    var _a, _b, _c, _d;
+    if ((msg == null ? void 0 : msg.role) === "assistant" && (msg.status === "complete" || msg.status === "error")) {
+      const rendered = this.findMessage(msg.id);
+      const content = ((_b = (_a = rendered == null ? void 0 : rendered.querySelector(".cc-message-content")) == null ? void 0 : _a.textContent) == null ? void 0 : _b.trim()) ?? "";
+      const error = ((_d = (_c = rendered == null ? void 0 : rendered.querySelector(".cc-message-error-note")) == null ? void 0 : _c.textContent) == null ? void 0 : _d.trim()) ?? "";
+      this.announcement.textContent = [content, error && error !== content ? error : ""].filter(Boolean).join(" ");
+    }
+    this.container.setAttribute("aria-live", "polite");
   }
   addMessage(msg) {
+    const follow = msg.role === "user" || this.nearBottom();
     this.removeTyping();
+    if (msg.role === "user") this.removeSuggestions();
     const el = this.createMessageElement(msg);
     this.container.appendChild(el);
-    this.scrollToBottom();
+    if (follow) this.scrollToBottom();
     return el;
   }
   updateMessage(msg) {
     const el = this.findMessage(msg.id);
-    if (el) {
-      this.renderMessageElement(el, msg);
-      this.scrollToBottom();
+    if (!el) return;
+    if (msg.role === "assistant" && msg.status === "streaming" && el.dataset.status === "streaming") {
+      this.stream(el, msg);
+      return;
+    }
+    this.endStream(msg.id);
+    const follow = this.nearBottom();
+    this.renderMessageElement(el, msg);
+    if (follow) this.scrollToBottom();
+  }
+  /** Takes the reply's text so far, and renders what changed on the next frame. */
+  stream(el, msg) {
+    let stream = this.streams.get(msg.id);
+    if (!stream || !appended(stream.text, msg.content)) {
+      this.endStream(msg.id);
+      const content = el.querySelector(".cc-message-content");
+      if (!content) return;
+      content.innerHTML = "";
+      const tail = document.createElement("div");
+      tail.className = "cc-stream-tail";
+      content.appendChild(tail);
+      stream = { text: msg.content, committed: 0, tail, renderedAt: 0 };
+      this.streams.set(msg.id, stream);
+      this.renderStream(stream);
+      return;
+    }
+    stream.text = msg.content;
+    if (stream.frame === void 0) this.schedule(stream);
+  }
+  /** Renders on the next frame that's at least the interval after the last render. */
+  schedule(stream) {
+    stream.frame = nextFrame(() => {
+      stream.frame = void 0;
+      if (performance.now() - stream.renderedAt < this.streamIntervalMs) this.schedule(stream);
+      else this.renderStream(stream);
+    });
+  }
+  renderStream(stream) {
+    stream.renderedAt = performance.now();
+    const follow = this.nearBottom();
+    const boundary = lastBlockBoundary(stream.text, stream.committed);
+    if (boundary > stream.committed) {
+      stream.tail.insertAdjacentHTML("beforebegin", `<div class="cc-block">${renderMarkdown(stream.text.slice(stream.committed, boundary))}</div>`);
+      stream.committed = boundary;
     }
+    stream.tail.innerHTML = renderMarkdown(stream.text.slice(stream.committed));
+    if (follow) this.scrollToBottom();
+  }
+  endStream(id) {
+    const stream = this.streams.get(id);
+    if ((stream == null ? void 0 : stream.frame) !== void 0) cancelFrame(stream.frame);
+    this.streams.delete(id);
+  }
+  nearBottom() {
+    const { scrollHeight, scrollTop, clientHeight } = this.container;
+    return scrollHeight - scrollTop - clientHeight <= FOLLOW_SLACK;
   }
   showTyping() {
     var _a;
@@ -127,11 +223,61 @@ class Messages {
       this.typingEl = null;
     }
   }
+  showSuggestions(suggestions, label, onSelect) {
+    this.removeSuggestions();
+    if (suggestions.length === 0) return;
+    const group = document.createElement("div");
+    group.className = "cc-suggestions";
+    group.setAttribute("role", "group");
+    group.setAttribute("aria-label", label);
+    for (const suggestion of suggestions) {
+      const button = document.createElement("button");
+      button.type = "button";
+      button.className = "cc-suggestion";
+      button.textContent = suggestion;
+      button.addEventListener("click", () => onSelect(suggestion));
+      group.appendChild(button);
+    }
+    this.container.appendChild(group);
+    this.suggestionsEl = group;
+  }
+  removeSuggestions() {
+    var _a;
+    (_a = this.suggestionsEl) == null ? void 0 : _a.remove();
+    this.suggestionsEl = null;
+  }
   clear() {
+    for (const id of [...this.streams.keys()]) this.endStream(id);
     this.container.innerHTML = "";
     this.typingEl = null;
+    if (this.disclosureEl) this.container.prepend(this.disclosureEl);
+  }
+  /**
+   * The note that visitors are talking to an AI, always first in the log.
+   * Only http(s) links become a "Learn more" link.
+   */
+  setDisclosure(text, learnMore) {
+    var _a;
+    (_a = this.disclosureEl) == null ? void 0 : _a.remove();
+    this.disclosureEl = null;
+    if (!text) return;
+    const note = document.createElement("div");
+    note.className = "cc-disclosure";
+    note.setAttribute("role", "note");
+    note.textContent = text;
+    if (learnMore && /^https?:\/\//i.test(learnMore.url)) {
+      const link = document.createElement("a");
+      link.href = learnMore.url;
+      link.target = "_blank";
+      link.rel = "noopener noreferrer";
+      link.textContent = learnMore.label;
+      note.append(" ", link);
+    }
+    this.disclosureEl = note;
+    this.container.prepend(note);
   }
   removeMessage(id) {
+    this.endStream(id);
     const el = this.findMessage(id);
     el == null ? void 0 : el.remove();
   }
@@ -174,6 +320,7 @@ class Messages {
     return el;
   }
   renderMessageElement(el, msg) {
+    var _a;
     el.className = `cc-message cc-message-${msg.role}`;
     el.dataset.id = msg.id;
     if (msg.role === "assistant" && msg.id !== "welcome") {
@@ -199,6 +346,31 @@ class Messages {
     content.className = "cc-message-content";
     content.innerHTML = msg.role === "assistant" ? renderMarkdown(msg.content) : this.escapeHtml(msg.content);
     el.appendChild(content);
+    if (msg.role === "assistant" && Array.isArray(msg.sources) && msg.sources.length > 0) {
+      const safeUrls = msg.sources.filter((s) => typeof s.url === "string" && (s.url.startsWith("http://") || s.url.startsWith("https://")));
+      if (safeUrls.length > 0) {
+        const nav = document.createElement("nav");
+        nav.className = "cc-message-sources";
+        nav.setAttribute("aria-label", ((_a = this.actions) == null ? void 0 : _a.sourcesLabel) ?? "Sources");
+        const ol = document.createElement("ol");
+        for (const source of safeUrls) {
+          const li = document.createElement("li");
+          const a = document.createElement("a");
+          a.href = source.url;
+          a.target = "_blank";
+          a.rel = "noopener noreferrer";
+          try {
+            a.textContent = source.title ?? new URL(source.url).hostname;
+          } catch {
+            a.textContent = source.title ?? source.url;
+          }
+          li.appendChild(a);
+          ol.appendChild(li);
+        }
+        nav.appendChild(ol);
+        el.appendChild(nav);
+      }
+    }
     if (msg.status === "error" && msg.errorText) {
       const note = document.createElement("div");
       note.className = "cc-message-error-note";
@@ -259,6 +431,31 @@ class Messages {
     return div.innerHTML;
   }
 }
+function lastBlockBoundary(text, from) {
+  let inFence = false;
+  let last = from;
+  let i = from;
+  while (i < text.length) {
+    if (text.startsWith("```", i)) {
+      inFence = !inFence;
+      i += 3;
+    } else if (!inFence && text.startsWith("\n\n", i)) {
+      i += 2;
+      while (text[i] === "\n") i++;
+      last = i;
+    } else {
+      i++;
+    }
+  }
+  return last;
+}
+function appended(previous, next) {
+  if (next.length < previous.length) return false;
+  const from = Math.max(0, previous.length - 32);
+  return next.slice(from, previous.length) === previous.slice(from);
+}
+const nextFrame = (fn) => typeof requestAnimationFrame === "function" ? requestAnimationFrame(fn) : setTimeout(fn, 16);
+const cancelFrame = (id) => typeof cancelAnimationFrame === "function" ? cancelAnimationFrame(id) : clearTimeout(id);
 const MAX_MESSAGE_LENGTH = 1e4;
 class Input {
   constructor(parent, options) {
@@ -286,6 +483,11 @@ class Input {
     this.area.appendChild(this.sendBtn);
     parent.appendChild(this.area);
   }
+  setLabels(placeholder, sendLabel) {
+    this.textarea.placeholder = placeholder;
+    this.textarea.setAttribute("aria-label", placeholder);
+    this.sendBtn.setAttribute("aria-label", sendLabel);
+  }
   focus() {
     this.textarea.focus();
   }
@@ -322,7 +524,7 @@ class Input {
 }
 const PANEL_ID = "cc-panel";
 const BOT_ICON = `<svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"/></svg>`;
-const CLOSE_ICON$1 = `<svg viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg>`;
+const CLOSE_ICON = `<svg viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg>`;
 class Panel {
   constructor(root, options) {
     this.inline = options.inline ?? false;
@@ -337,39 +539,38 @@ class Panel {
     if (!options.inline) {
       this.el.id = PANEL_ID;
       this.el.setAttribute("role", "dialog");
-      this.el.setAttribute("aria-label", options.branding.name);
+      this.el.setAttribute("aria-modal", "true");
       this.el.addEventListener("keydown", (e) => {
-        if (e.key === "Escape") options.onClose();
+        if (e.key === "Escape") {
+          options.onClose();
+          return;
+        }
+        if (e.key !== "Tab" || this.el.hasAttribute("inert")) return;
+        const focusable = Array.from(this.el.querySelectorAll("*")).filter(
+          (element) => element.tabIndex >= 0 && !element.matches(":disabled") && !element.closest('[hidden], [inert], [aria-hidden="true"], .cc-hidden')
+        );
+        if (focusable.length === 0) {
+          e.preventDefault();
+          return;
+        }
+        const activeElement = this.el.getRootNode().activeElement;
+        const first = focusable[0];
+        const last = focusable[focusable.length - 1];
+        if (e.shiftKey && (activeElement === first || !this.el.contains(activeElement))) {
+          e.preventDefault();
+          last.focus();
+        } else if (!e.shiftKey && (activeElement === last || !this.el.contains(activeElement))) {
+          e.preventDefault();
+          first.focus();
+        }
       });
       this.setHidden(true);
     }
-    const header = document.createElement("div");
-    header.className = "cc-header";
-    if (options.branding.avatar) {
-      const img = document.createElement("img");
-      img.className = "cc-header-avatar";
-      img.src = options.branding.avatar;
-      img.alt = options.branding.name;
-      header.appendChild(img);
-    } else {
-      const placeholder = document.createElement("div");
-      placeholder.className = "cc-header-avatar-placeholder";
-      placeholder.innerHTML = BOT_ICON;
-      header.appendChild(placeholder);
-    }
-    const info = document.createElement("div");
-    info.className = "cc-header-info";
-    info.innerHTML = `<div class="cc-header-name">${this.escapeHtml(options.branding.name)}</div><div class="cc-header-subtitle">${this.escapeHtml(options.branding.subtitle)}</div>`;
-    header.appendChild(info);
-    if (!options.inline) {
-      const closeBtn = document.createElement("button");
-      closeBtn.className = "cc-header-close";
-      closeBtn.setAttribute("aria-label", options.closeLabel);
-      closeBtn.innerHTML = CLOSE_ICON$1;
-      closeBtn.addEventListener("click", options.onClose);
-      header.appendChild(closeBtn);
-    }
-    this.el.appendChild(header);
+    this.options = options;
+    this.header = document.createElement("div");
+    this.header.className = "cc-header";
+    this.renderHeader();
+    this.el.appendChild(this.header);
     if (options.preChatEnabled) {
       this.messagesContainer = document.createElement("div");
       this.messagesContainer.className = "cc-messages-wrapper";
@@ -383,12 +584,51 @@ class Panel {
       sendLabel: options.sendLabel,
       onSend: options.onSend
     });
-    const footer = document.createElement("div");
-    footer.className = "cc-footer";
-    footer.innerHTML = options.footerText;
-    this.el.appendChild(footer);
+    this.footer = document.createElement("div");
+    this.footer.className = "cc-footer";
+    this.footer.innerHTML = options.footerText;
+    this.el.appendChild(this.footer);
     root.appendChild(this.el);
   }
+  /** New wording or branding, applied in place. */
+  update(labels, actionLabels) {
+    Object.assign(this.options, labels);
+    if (this.options.messageActions) Object.assign(this.options.messageActions, actionLabels);
+    this.renderHeader();
+    this.input.setLabels(labels.placeholder, labels.sendLabel);
+    this.footer.innerHTML = labels.footerText;
+  }
+  renderHeader() {
+    const { branding, closeLabel, inline, onClose } = this.options;
+    const hadFocus = this.header.contains(this.el.getRootNode().activeElement);
+    this.header.replaceChildren();
+    if (!inline) this.el.setAttribute("aria-label", branding.name);
+    if (branding.avatar) {
+      const img = document.createElement("img");
+      img.className = "cc-header-avatar";
+      img.src = branding.avatar;
+      img.alt = branding.name;
+      this.header.appendChild(img);
+    } else {
+      const placeholder = document.createElement("div");
+      placeholder.className = "cc-header-avatar-placeholder";
+      placeholder.innerHTML = BOT_ICON;
+      this.header.appendChild(placeholder);
+    }
+    const info = document.createElement("div");
+    info.className = "cc-header-info";
+    info.innerHTML = `<div class="cc-header-name">${this.escapeHtml(branding.name)}</div><div class="cc-header-subtitle">${this.escapeHtml(branding.subtitle)}</div>`;
+    this.header.appendChild(info);
+    if (!inline) {
+      const closeBtn = document.createElement("button");
+      closeBtn.className = "cc-header-close";
+      closeBtn.setAttribute("aria-label", closeLabel);
+      closeBtn.innerHTML = CLOSE_ICON;
+      closeBtn.addEventListener("click", onClose);
+      this.header.appendChild(closeBtn);
+      if (hadFocus) closeBtn.focus();
+    }
+  }
   show() {
     this.el.classList.add("cc-visible");
     if (!this.inline) {
@@ -430,12 +670,11 @@ class Panel {
     return div.innerHTML;
   }
 }
-const CHAT_ICON = `<svg viewBox="0 0 24 24"><path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17L4 17.17V4h16v12z"/><path d="M7 9h10v2H7zm0-3h10v2H7z"/></svg>`;
-const CLOSE_ICON = `<svg viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"/></svg>`;
 class FAB {
   constructor(root, options) {
     this.openLabel = options.openLabel;
     this.closeLabel = options.closeLabel;
+    this.unreadLabel = options.unreadLabel;
     this.el = document.createElement("button");
     this.el.className = "cc-fab cc-pulse";
     this.el.setAttribute("aria-label", this.openLabel);
@@ -455,20 +694,45 @@ class FAB {
     root.appendChild(this.el);
   }
   setOpen(open) {
-    this.el.innerHTML = open ? CLOSE_ICON : CHAT_ICON;
+    if (open) this.hideBadge();
+    this.el.innerHTML = open ? CLOSE_ICON$1 : CHAT_ICON;
     if (!open) this.el.appendChild(this.badge);
     this.el.classList.toggle("cc-open", open);
     this.el.setAttribute("aria-label", open ? this.closeLabel : this.openLabel);
     this.el.setAttribute("aria-expanded", String(open));
   }
+  setLabels(openLabel, closeLabel, unreadLabel) {
+    this.openLabel = openLabel;
+    this.closeLabel = closeLabel;
+    this.unreadLabel = unreadLabel;
+    const shown = this.badge.textContent;
+    this.el.setAttribute(
+      "aria-label",
+      this.el.classList.contains("cc-open") ? closeLabel : shown ? `${openLabel}, ${unreadLabel.replace("{count}", shown)}` : openLabel
+    );
+  }
   focus() {
     this.el.focus();
   }
-  showBadge() {
+  showBadge(count = 1) {
+    if (count <= 0) {
+      this.hideBadge();
+      return;
+    }
+    const display = count > 9 ? "9+" : String(count);
+    this.badge.textContent = display;
+    if (!this.el.classList.contains("cc-open")) {
+      const unread = this.unreadLabel.replace("{count}", display);
+      this.el.setAttribute("aria-label", `${this.openLabel}, ${unread}`);
+    }
     this.badge.classList.add("cc-visible");
   }
   hideBadge() {
     this.badge.classList.remove("cc-visible");
+    this.badge.textContent = "";
+    if (!this.el.classList.contains("cc-open")) {
+      this.el.setAttribute("aria-label", this.openLabel);
+    }
   }
   destroy() {
     this.el.remove();
@@ -483,8 +747,15 @@ class WelcomeBubble {
     if (options.position === "bottom-left") {
       this.el.classList.add("cc-left");
     }
-    this.el.textContent = options.text;
     this.setHidden(true);
+    const trigger = document.createElement("button");
+    trigger.type = "button";
+    trigger.className = "cc-bubble-trigger";
+    trigger.textContent = options.text;
+    trigger.addEventListener("click", () => {
+      this.hide();
+      options.onClick();
+    });
     const closeBtn = document.createElement("button");
     closeBtn.type = "button";
     closeBtn.className = "cc-bubble-close";
@@ -494,20 +765,13 @@ class WelcomeBubble {
       e.stopPropagation();
       this.hide();
     });
-    this.el.appendChild(closeBtn);
-    this.el.addEventListener("click", () => {
-      this.hide();
-      options.onClick();
-    });
+    this.el.append(trigger, closeBtn);
     root.appendChild(this.el);
-    if (options.showOnce) {
-      try {
-        if (sessionStorage.getItem(BUBBLE_SHOWN_KEY)) return;
-        sessionStorage.setItem(BUBBLE_SHOWN_KEY, "1");
-      } catch {
-      }
-    }
     this.timerId = setTimeout(() => {
+      if (options.showOnce) {
+        if (options.store.get(BUBBLE_SHOWN_KEY)) return;
+        options.store.set(BUBBLE_SHOWN_KEY, "1");
+      }
       this.el.classList.add("cc-visible");
       this.setHidden(false);
     }, options.delay ?? 3e3);
@@ -530,43 +794,126 @@ class WelcomeBubble {
     this.el.remove();
   }
 }
-let loading;
-async function turnstileToken(siteKey) {
-  loading ?? (loading = new Promise((resolve, reject) => {
-    const script = document.createElement("script");
-    script.src = "https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit";
-    script.onload = resolve;
-    script.onerror = reject;
-    document.head.append(script);
-  }));
-  await loading;
-  const box = document.createElement("div");
-  box.style.cssText = "position:fixed;bottom:96px;right:24px;z-index:2147483647";
-  document.body.append(box);
-  try {
-    return await new Promise((resolve, reject) => {
-      window.turnstile.render(box, {
-        sitekey: siteKey,
-        appearance: "interaction-only",
-        callback: resolve,
-        "error-callback": reject
-      });
-    });
-  } finally {
-    box.remove();
+const KEY_PREFIX = "chatcops_conversation";
+const DAY_MS = 24 * 60 * 60 * 1e3;
+function keyStore(persistence) {
+  if (persistence === "none") {
+    const memory = /* @__PURE__ */ new Map();
+    return {
+      get: (key) => memory.get(key) ?? null,
+      set: (key, value) => void memory.set(key, value),
+      remove: (key) => void memory.delete(key)
+    };
+  }
+  const storage = () => persistence === "local" ? localStorage : sessionStorage;
+  return {
+    get(key) {
+      try {
+        return storage().getItem(key);
+      } catch {
+        return null;
+      }
+    },
+    set(key, value) {
+      try {
+        storage().setItem(key, value);
+      } catch {
+      }
+    },
+    remove(key) {
+      try {
+        storage().removeItem(key);
+      } catch {
+      }
+    }
+  };
+}
+class ConversationStorage {
+  /** Without a siteId the key is the one the widget has always used. */
+  constructor(siteId, persistence = "local", historyTtlDays = 30) {
+    this.store = keyStore(persistence);
+    this.key = siteId ? `${KEY_PREFIX}_${siteId}` : KEY_PREFIX;
+    this.ttlMs = (Number.isFinite(historyTtlDays) && historyTtlDays >= 0 ? historyTtlDays : 30) * DAY_MS;
+  }
+  /** The saved conversation, or null when there is none, it's unreadable, or it expired. */
+  load(now = Date.now()) {
+    const raw = this.store.get(this.key);
+    if (raw === null) return null;
+    let parsed;
+    try {
+      parsed = JSON.parse(raw);
+    } catch {
+      this.clear();
+      return null;
+    }
+    if (typeof parsed !== "object" || parsed === null || Array.isArray(parsed) || typeof parsed.id !== "string" || !Array.isArray(parsed.messages)) {
+      this.clear();
+      return null;
+    }
+    const record = parsed;
+    if (typeof record.updatedAt === "number" && now - record.updatedAt > this.ttlMs) {
+      this.clear();
+      return null;
+    }
+    const messages = record.messages.flatMap(
+      (msg) => {
+        if (typeof msg !== "object" || msg === null || Array.isArray(msg) || msg.role !== "user" && msg.role !== "assistant" || typeof msg.content !== "string") {
+          return [];
+        }
+        const m = msg;
+        let sources;
+        if (Array.isArray(m.sources)) {
+          const clean = m.sources.filter(
+            (s) => typeof s === "object" && s !== null && !Array.isArray(s) && typeof s.url === "string" && (typeof s.title === "undefined" || typeof s.title === "string")
+          );
+          if (clean.length > 0) sources = clean;
+        }
+        return [{ ...m, sources }];
+      }
+    );
+    const userData = record.userData;
+    return {
+      ...record,
+      id: record.id,
+      messages,
+      userData: userData && typeof userData === "object" && !Array.isArray(userData) ? userData : void 0,
+      preChatDone: record.preChatDone === true
+    };
+  }
+  save(conversation) {
+    const filtered = {
+      ...conversation,
+      messages: conversation.messages.filter((m) => m.status !== "error").map(({ status, ...message }) => message)
+    };
+    this.store.set(this.key, JSON.stringify(filtered));
+  }
+  clear() {
+    this.store.remove(this.key);
   }
 }
 class ChatClient {
   constructor(options) {
-    this.saved = {};
     this.apiUrl = options.apiUrl;
     this.turnstileSiteKey = options.turnstileSiteKey;
+    this.userToken = options.userToken;
     this.timeout = options.timeout ?? 3e4;
     this.sessionKey = `chatcops-session:${options.apiUrl}`;
-    try {
-      this.saved = JSON.parse(localStorage.getItem(this.sessionKey) || "{}");
-    } catch {
-    }
+    this.store = options.store ?? keyStore("local");
+  }
+  /**
+   * The signed-in visitor's identity token for the next session, or none.
+   * The session token from before is dropped, so the next message gets one
+   * for the new identity (the server starts a new conversation for a
+   * different user).
+   */
+  setUserToken(token) {
+    if (token === this.userToken) return;
+    this.userToken = token;
+    this.saved = {};
+    this.store.remove(this.sessionKey);
+  }
+  get identity() {
+    return this.userToken;
   }
   async *sendMessage(request, options = {}) {
     var _a;
@@ -617,22 +964,29 @@ class ChatClient {
         body: JSON.stringify(body),
         signal: controller.signal
       });
-      const saved = this.saved;
+      let saved = this.saved;
+      if (!saved) {
+        try {
+          saved = JSON.parse(this.store.get(this.sessionKey) || "{}") ?? {};
+        } catch {
+          saved = {};
+        }
+        this.saved = saved;
+      }
       const resumable = saved.conversationId === request.conversationId;
       let response = await post(this.apiUrl, { protocol: 1, ...request }, resumable ? saved.token : void 0);
       if (response.status === 401) {
         const minted = await post(this.apiUrl.replace(/\/?(\?.*)?$/, "/session$1"), {
           conversationId: request.conversationId,
           previousToken: saved.token,
-          turnstileToken: this.turnstileSiteKey && !resumable ? await turnstileToken(this.turnstileSiteKey) : void 0
+          userToken: this.userToken,
+          // Its own chunk: only sites with a Turnstile key download it.
+          turnstileToken: this.turnstileSiteKey && !resumable ? await (await Promise.resolve().then(() => turnstile)).turnstileToken(this.turnstileSiteKey) : void 0
         });
         if (minted.ok) {
           const session = await minted.json();
           this.saved = session;
-          try {
-            localStorage.setItem(this.sessionKey, JSON.stringify(session));
-          } catch {
-          }
+          this.store.set(this.sessionKey, JSON.stringify(session));
           if (session.conversationId !== request.conversationId) {
             request = { ...request, conversationId: session.conversationId };
             yield { conversationId: session.conversationId };
@@ -722,6 +1076,11 @@ function fromPart(part) {
       return { content: part.delta };
     case "lead-captured":
       return { leadCaptured: true, leadData: part.lead };
+    case "source": {
+      const { url, title } = part;
+      if (!url.startsWith("http://") && !url.startsWith("https://")) return null;
+      return { source: { url, title } };
+    }
     case "error":
       return errorChunk(part.code === "budget_exceeded" && part.scope !== "conversation" ? "budget_daily" : part.code, part.retryAfterMs);
     case "finish":
@@ -730,107 +1089,6 @@ function fromPart(part) {
       return null;
   }
 }
-const KEY_PREFIX = "chatcops_conversation";
-const SESSION_KEY_PREFIX = "chatcops_session_id";
-class ConversationStorage {
-  /** Without a siteId the keys are the ones the widget has always used. */
-  constructor(siteId) {
-    this.key = siteId ? `${KEY_PREFIX}_${siteId}` : KEY_PREFIX;
-    this.sessionKey = siteId ? `${SESSION_KEY_PREFIX}_${siteId}` : SESSION_KEY_PREFIX;
-  }
-  load() {
-    try {
-      const raw = localStorage.getItem(this.key);
-      if (raw === null) return null;
-      let parsed;
-      try {
-        parsed = JSON.parse(raw);
-      } catch {
-        this.clear();
-        return null;
-      }
-      if (typeof parsed !== "object" || parsed === null || Array.isArray(parsed) || typeof parsed.id !== "string" || !Array.isArray(parsed.messages)) {
-        this.clear();
-        return null;
-      }
-      const record = parsed;
-      const rawMessages = record.messages;
-      const messages = rawMessages.filter(
-        (msg) => typeof msg === "object" && msg !== null && !Array.isArray(msg) && (msg.role === "user" || msg.role === "assistant") && typeof msg.content === "string"
-      );
-      return {
-        ...record,
-        id: record.id,
-        messages
-      };
-    } catch {
-      return null;
-    }
-  }
-  save(conversation) {
-    try {
-      const filtered = {
-        ...conversation,
-        messages: conversation.messages.filter((m) => m.status !== "error").map(({ status, ...message }) => message)
-      };
-      localStorage.setItem(this.key, JSON.stringify(filtered));
-    } catch {
-    }
-  }
-  clear() {
-    try {
-      localStorage.removeItem(this.key);
-    } catch {
-    }
-  }
-  getSessionId() {
-    try {
-      let id = sessionStorage.getItem(this.sessionKey);
-      if (!id) {
-        id = crypto.randomUUID();
-        sessionStorage.setItem(this.sessionKey, id);
-      }
-      return id;
-    } catch {
-      return crypto.randomUUID();
-    }
-  }
-  isPreChatCompleted(sessionId) {
-    try {
-      return sessionStorage.getItem(`chatcops-prechat-${sessionId}`) === "true";
-    } catch {
-      return false;
-    }
-  }
-  setPreChatCompleted(sessionId, data) {
-    try {
-      sessionStorage.setItem(`chatcops-prechat-${sessionId}`, "true");
-    } catch {
-    }
-    if (data) {
-      this.setPreChatData(sessionId, data);
-    }
-  }
-  getPreChatData(sessionId) {
-    try {
-      const raw = sessionStorage.getItem(`chatcops-prechat-data-${sessionId}`);
-      if (!raw) return null;
-      const parsed = JSON.parse(raw);
-      if (typeof parsed !== "object" || parsed === null || Array.isArray(parsed)) {
-        return null;
-      }
-      return parsed;
-    } catch {
-      return null;
-    }
-  }
-  setPreChatData(sessionId, data) {
-    try {
-      sessionStorage.setItem(`chatcops-prechat-data-${sessionId}`, JSON.stringify(data));
-    } catch {
-    }
-  }
-}
 const DEFAULT = "";
 const CLAIMS_KEY = Symbol.for("chatcops.storageClaims");
 const store = globalThis;
@@ -867,19 +1125,14 @@ function claimNamespace(siteId, mode, isLive) {
     }
   };
 }
+const MODES = ["light", "dark", "auto"];
 function applyTheme(root, theme) {
   const host = root.host;
-  if (theme.accent) {
-    host.style.setProperty("--cc-accent", theme.accent);
-    host.style.setProperty("--cc-accent-hover", darken(theme.accent, 10));
-    const pair = accentTextColors(theme.accent);
-    if (pair) {
-      host.style.setProperty("--cc-on-accent", pair.onAccent);
-      host.style.setProperty("--cc-accent-contrast", pair.background);
-    } else {
-      host.style.setProperty("--cc-accent-contrast", theme.accent);
-    }
-  }
+  const mode = themeMode(theme);
+  if (mode) host.dataset.ccMode = mode;
+  else delete host.dataset.ccMode;
+  if (theme.accent) setAccent(host, "", theme.accent);
+  if (theme.accentDark) setAccent(host, "-dark", theme.accentDark);
   if (theme.textColor) {
     host.style.setProperty("--cc-text", theme.textColor);
   }
@@ -896,6 +1149,23 @@ function applyTheme(root, theme) {
     if (radius) host.style.setProperty("--cc-radius", radius);
   }
 }
+function themeMode(theme) {
+  if (theme.mode && MODES.includes(theme.mode)) return theme.mode;
+  if (theme.bgColor) return isHex(theme.bgColor) && relativeLuminance(theme.bgColor) > 0.4 ? "light" : "dark";
+  if (theme.textColor) return isHex(theme.textColor) && relativeLuminance(theme.textColor) < 0.4 ? "light" : "dark";
+  return void 0;
+}
+function setAccent(host, suffix, accent) {
+  host.style.setProperty(`--cc-theme-accent${suffix}`, accent);
+  host.style.setProperty(`--cc-theme-accent${suffix}-hover`, darken(accent, 10));
+  const pair = accentTextColors(accent);
+  if (pair) {
+    host.style.setProperty(`--cc-theme-on-accent${suffix}`, pair.onAccent);
+    host.style.setProperty(`--cc-theme-accent${suffix}-contrast`, pair.background);
+  } else {
+    host.style.setProperty(`--cc-theme-accent${suffix}-contrast`, accent);
+  }
+}
 function toCssLength(value) {
   if (typeof value === "number" && !Number.isFinite(value)) return "";
   const text = String(value).trim();
@@ -977,188 +1247,20 @@ const en = {
   preChatRequired: "This field is required",
   preChatInvalidEmail: "Please enter a valid email",
   retryButton: "Retry",
-  regenerateButton: "Regenerate"
+  regenerateButton: "Regenerate",
+  suggestionsLabel: "Suggested questions",
+  unreadCount: "{count} unread",
+  sourcesLabel: "Sources",
+  disclosure: "You're chatting with an AI assistant. It can make mistakes.",
+  disclosureLearnMore: "Learn more"
 };
 const locales = { en };
 function getWidgetLocale(code, overrides) {
   const base = locales[code] ?? en;
   return overrides ? { ...base, ...overrides } : base;
 }
-const MAX_PRECHAT_FIELD_LENGTH = 500;
-class PreChatForm {
-  constructor(parent, options) {
-    this.fieldElements = /* @__PURE__ */ new Map();
-    this.errorElements = /* @__PURE__ */ new Map();
-    this.options = options;
-    this.container = document.createElement("div");
-    this.container.className = "cc-prechat";
-    if (options.title) {
-      const title = document.createElement("div");
-      title.className = "cc-prechat-title";
-      title.textContent = options.title;
-      this.container.appendChild(title);
-    }
-    if (options.subtitle) {
-      const subtitle = document.createElement("div");
-      subtitle.className = "cc-prechat-subtitle";
-      subtitle.textContent = options.subtitle;
-      this.container.appendChild(subtitle);
-    }
-    const form = document.createElement("form");
-    form.className = "cc-prechat-fields";
-    form.noValidate = true;
-    form.addEventListener("submit", (e) => {
-      e.preventDefault();
-      this.handleSubmit();
-    });
-    for (const field of options.fields) {
-      form.appendChild(this.createField(field));
-    }
-    this.submitBtn = document.createElement("button");
-    this.submitBtn.type = "submit";
-    this.submitBtn.className = "cc-prechat-submit";
-    this.submitBtn.textContent = options.submitLabel;
-    form.appendChild(this.submitBtn);
-    this.container.appendChild(form);
-    parent.appendChild(this.container);
-    this.updateSubmitState();
-    const firstInput = this.fieldElements.values().next().value;
-    if (firstInput) {
-      setTimeout(() => firstInput.focus(), 100);
-    }
-  }
-  createField(field) {
-    const wrapper = document.createElement("div");
-    wrapper.className = "cc-prechat-field";
-    const inputId = `cc-prechat-${field.name}`;
-    const errorId = `cc-prechat-${field.name}-error`;
-    const label = document.createElement("label");
-    label.className = "cc-prechat-label";
-    label.htmlFor = inputId;
-    label.textContent = field.label;
-    if (field.required) {
-      const req = document.createElement("span");
-      req.className = "cc-required";
-      req.textContent = "*";
-      label.appendChild(req);
-    }
-    wrapper.appendChild(label);
-    let input;
-    if (field.type === "select") {
-      const select = document.createElement("select");
-      select.className = "cc-prechat-select";
-      const defaultOpt = document.createElement("option");
-      defaultOpt.value = "";
-      defaultOpt.textContent = field.placeholder ?? this.options.locale.selectPlaceholder.replace("{label}", field.label.toLowerCase());
-      defaultOpt.disabled = true;
-      defaultOpt.selected = true;
-      select.appendChild(defaultOpt);
-      for (const opt of field.options ?? []) {
-        const option = document.createElement("option");
-        option.value = opt;
-        option.textContent = opt;
-        select.appendChild(option);
-      }
-      input = select;
-    } else if (field.type === "textarea") {
-      const textarea = document.createElement("textarea");
-      textarea.className = "cc-prechat-textarea";
-      textarea.placeholder = field.placeholder ?? "";
-      textarea.rows = 3;
-      textarea.maxLength = MAX_PRECHAT_FIELD_LENGTH;
-      input = textarea;
-    } else {
-      const textInput = document.createElement("input");
-      textInput.type = field.type;
-      textInput.className = "cc-prechat-input";
-      textInput.maxLength = MAX_PRECHAT_FIELD_LENGTH;
-      textInput.placeholder = field.placeholder ?? "";
-      input = textInput;
-    }
-    input.name = field.name;
-    input.id = inputId;
-    if (field.required) {
-      input.setAttribute("aria-required", "true");
-    }
-    input.addEventListener("input", () => {
-      this.clearError(field.name);
-      this.updateSubmitState();
-    });
-    if (input instanceof HTMLSelectElement) {
-      input.addEventListener("change", () => {
-        this.clearError(field.name);
-        this.updateSubmitState();
-      });
-    }
-    wrapper.appendChild(input);
-    this.fieldElements.set(field.name, input);
-    const error = document.createElement("div");
-    error.className = "cc-prechat-error";
-    error.id = errorId;
-    wrapper.appendChild(error);
-    this.errorElements.set(field.name, error);
-    return wrapper;
-  }
-  updateSubmitState() {
-    const allRequiredFilled = this.options.fields.every((field) => {
-      if (!field.required) return true;
-      const el = this.fieldElements.get(field.name);
-      return el ? el.value.trim().length > 0 : false;
-    });
-    this.submitBtn.disabled = !allRequiredFilled;
-  }
-  handleSubmit() {
-    const data = {};
-    let valid = true;
-    for (const field of this.options.fields) {
-      const el = this.fieldElements.get(field.name);
-      if (!el) continue;
-      const value = el.value.trim();
-      data[field.name] = value;
-      if (field.required && !value) {
-        this.showError(field.name, this.options.locale.preChatRequired);
-        valid = false;
-        continue;
-      }
-      if (field.type === "email" && value && !this.isValidEmail(value)) {
-        this.showError(field.name, this.options.locale.preChatInvalidEmail);
-        valid = false;
-      }
-    }
-    if (valid) {
-      this.options.onSubmit(data);
-    }
-  }
-  showError(fieldName, message) {
-    const el = this.errorElements.get(fieldName);
-    if (el) el.textContent = message;
-    const fieldEl = this.fieldElements.get(fieldName);
-    if (fieldEl && el) {
-      fieldEl.setAttribute("aria-invalid", "true");
-      fieldEl.setAttribute("aria-describedby", el.id);
-    }
-  }
-  clearError(fieldName) {
-    const el = this.errorElements.get(fieldName);
-    if (el) el.textContent = "";
-    const fieldEl = this.fieldElements.get(fieldName);
-    if (fieldEl && el) {
-      if (fieldEl.getAttribute("aria-describedby") === el.id) {
-        fieldEl.removeAttribute("aria-describedby");
-      }
-      if (fieldEl.getAttribute("aria-invalid") === "true") {
-        fieldEl.removeAttribute("aria-invalid");
-      }
-    }
-  }
-  isValidEmail(email) {
-    return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
-  }
-  destroy() {
-    this.container.remove();
-    this.fieldElements.clear();
-    this.errorElements.clear();
-  }
+function registerWidgetLocale(code, strings) {
+  locales[code] = { ...en, ...strings };
 }
 const ERROR_MESSAGES = {
   network: "errorNetwork",
@@ -1169,25 +1271,43 @@ const ERROR_MESSAGES = {
   unavailable: "errorUnavailable",
   cut_off: "errorCutOff"
 };
+let preChatChunk;
+function loadPreChatForm() {
+  preChatChunk ?? (preChatChunk = Promise.resolve().then(() => prechatForm).catch((error) => {
+    preChatChunk = void 0;
+    throw error;
+  }));
+  return preChatChunk;
+}
+function prefetch(config) {
+  var _a;
+  if ((_a = config.preChatForm) == null ? void 0 : _a.enabled) loadPreChatForm().catch(() => void 0);
+}
 class Widget {
   constructor(config) {
     this.mounted = false;
+    this.conversationId = crypto.randomUUID();
+    this.preChatDone = false;
+    this.hydrated = false;
     this.messages = [];
     this.isStreaming = false;
     this.v1 = false;
     this.destroyed = false;
+    this.generation = 0;
+    this.userFromSite = false;
     this.retryRequests = /* @__PURE__ */ new Map();
     this.eventHandlers = /* @__PURE__ */ new Map();
+    this.unreadReplies = 0;
     this.config = config;
-    this.client = new ChatClient({ apiUrl: config.apiUrl, timeout: config.timeout, turnstileSiteKey: config.turnstileSiteKey });
     this.namespace = claimNamespace(
       config.siteId,
       config.mode ?? "popup",
       () => !this.destroyed && (!this.mounted || this.shadow.host.isConnected)
     );
-    this.storage = new ConversationStorage(this.namespace.siteId);
+    const persistence = config.persistence ?? (config.persistHistory === false ? "none" : "local");
+    this.storage = new ConversationStorage(this.namespace.siteId, persistence, config.historyTtlDays);
+    this.client = new ChatClient({ ...config, store: this.storage.store });
     this.locale = getWidgetLocale(config.locale ?? "en", config.strings);
-    this.conversationId = this.storage.getSessionId();
   }
   get isInline() {
     return this.config.mode === "inline";
@@ -1206,12 +1326,13 @@ class Widget {
     return this.config.container;
   }
   init() {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b;
+    prefetch(this.config);
     if (this.isInline) {
       this.containerEl = this.resolveContainer();
-      this.shadow = createShadowRoot(this.containerEl);
+      this.shadow = createShadowRoot(this.containerEl, { dir: this.config.dir, locale: this.config.locale });
     } else {
-      this.shadow = createShadowRoot();
+      this.shadow = createShadowRoot(void 0, { dir: this.config.dir, locale: this.config.locale });
     }
     this.mounted = true;
     if (this.config.theme) {
@@ -1223,6 +1344,7 @@ class Widget {
         position,
         openLabel: this.locale.openChat,
         closeLabel: this.locale.closeButton,
+        unreadLabel: this.locale.unreadCount,
         onClick: () => this.toggle()
       });
     }
@@ -1230,15 +1352,7 @@ class Widget {
       position,
       inline: this.isInline,
       preChatEnabled: ((_b = this.config.preChatForm) == null ? void 0 : _b.enabled) ?? false,
-      branding: {
-        name: ((_c = this.config.branding) == null ? void 0 : _c.name) ?? this.locale.defaultName,
-        avatar: (_d = this.config.branding) == null ? void 0 : _d.avatar,
-        subtitle: ((_e = this.config.branding) == null ? void 0 : _e.subtitle) ?? this.locale.defaultSubtitle
-      },
-      placeholder: this.config.placeholder ?? this.locale.inputPlaceholder,
-      footerText: this.locale.poweredBy,
-      closeLabel: this.locale.closeButton,
-      sendLabel: this.locale.sendButton,
+      ...this.panelLabels(),
       messageActions: {
         onRetry: (messageId) => {
           void this.handleRetry(messageId);
@@ -1246,41 +1360,24 @@ class Widget {
         onRegenerate: (messageId) => {
           void this.handleRegenerate(messageId);
         },
-        retryLabel: this.locale.retryButton,
-        regenerateLabel: this.locale.regenerateButton,
-        typingLabel: this.locale.typingIndicator
+        ...this.actionLabels()
       },
       onSend: (text) => this.handleSend(text),
       onClose: () => this.close()
     });
-    if (this.config.persistHistory !== false) {
-      const saved = this.storage.load();
-      if (saved) {
-        this.conversationId = saved.id;
-        for (const msg of saved.messages) {
-          this.messages.push(msg);
-          this.panel.addMessage(msg);
-        }
-      }
-    }
-    if ((_f = this.config.preChatForm) == null ? void 0 : _f.enabled) {
-      const savedUserData = this.storage.getPreChatData(this.conversationId);
-      if (savedUserData) {
-        this.userData = savedUserData;
-      }
-    }
-    const shouldShowPreChat = ((_g = this.config.preChatForm) == null ? void 0 : _g.enabled) && !this.isPreChatCompleted() && this.messages.length === 0;
-    if (shouldShowPreChat) {
-      this.showPreChatForm();
-    } else {
-      this.showChatView();
+    if (this.config.disclosure === false) {
+      console.info(
+        "[chatcops] The AI disclosure is off (disclosure: false). Under the EU AI Act (Article 50), telling visitors they're talking to an AI is then up to you."
+      );
     }
-    this.showLatestRegenerateButton();
+    this.renderDisclosure();
+    if (this.isInline) this.hydrate();
     if (!this.isInline && this.config.welcomeBubble) {
       this.bubble = new WelcomeBubble(this.shadow, {
         text: this.config.welcomeBubble.text,
         delay: this.config.welcomeBubble.delay,
         showOnce: this.config.welcomeBubble.showOnce ?? true,
+        store: this.storage.store,
         position,
         dismissLabel: this.locale.dismissBubble,
         onClick: () => this.open()
@@ -1294,15 +1391,39 @@ class Widget {
       this.autoOpenTimer = setTimeout(() => this.open(), delay);
     }
   }
+  /** Reads the saved conversation and shows it, or the pre-chat form. Runs once. */
+  hydrate() {
+    var _a, _b;
+    if (this.hydrated) return;
+    this.hydrated = true;
+    const saved = this.storage.load();
+    if (saved) {
+      this.conversationId = saved.id;
+      this.preChatDone = saved.preChatDone ?? false;
+      if ((_a = this.config.preChatForm) == null ? void 0 : _a.enabled) this.userData = saved.userData;
+      for (const msg of saved.messages) {
+        this.messages.push(msg);
+        this.panel.addMessage(msg);
+      }
+    }
+    if (((_b = this.config.preChatForm) == null ? void 0 : _b.enabled) && !this.preChatDone && this.messages.length === 0) {
+      this.showPreChatForm();
+    } else {
+      this.showChatView();
+    }
+    this.showLatestRegenerateButton();
+  }
   open() {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d;
+    this.unreadReplies = 0;
+    this.hydrate();
     this.panel.show();
     if (!this.isInline) {
       (_a = this.fab) == null ? void 0 : _a.setOpen(true);
-      (_b = this.fab) == null ? void 0 : _b.hideBadge();
-      (_c = this.bubble) == null ? void 0 : _c.hide();
+      (_b = this.bubble) == null ? void 0 : _b.hide();
     }
-    (_e = (_d = this.config).onOpen) == null ? void 0 : _e.call(_d);
+    this.lockScroll();
+    (_d = (_c = this.config).onOpen) == null ? void 0 : _d.call(_c);
     this.emit("open");
   }
   close() {
@@ -1313,6 +1434,7 @@ class Widget {
       (_a = this.fab) == null ? void 0 : _a.setOpen(false);
       if (hadFocus) (_b = this.fab) == null ? void 0 : _b.focus();
     }
+    this.restoreScroll();
     (_d = (_c = this.config).onClose) == null ? void 0 : _d.call(_c);
     this.emit("close");
   }
@@ -1323,12 +1445,157 @@ class Widget {
       this.open();
     }
   }
+  /**
+   * Sends `text` as the visitor, as if they typed it, and opens the chat
+   * first unless `open: false`. Resolves when the reply has finished. A
+   * message sent while a reply is still coming is ignored, as in the input.
+   */
+  async sendMessage(text, options = {}) {
+    if (options.open === false) this.hydrate();
+    else this.open();
+    await this.handleSend(text);
+  }
+  /**
+   * Starts a fresh conversation: a new id, and the log back to the welcome
+   * message. A reply that's still coming is stopped. Pre-chat answers stay.
+   */
+  newConversation() {
+    this.reset(false);
+  }
+  /**
+   * Like newConversation(), and forgets what this browser saved: the
+   * transcript and the pre-chat answers, so the form shows again.
+   */
+  clear() {
+    this.reset(true);
+  }
+  reset(forget) {
+    var _a, _b, _c;
+    this.generation++;
+    (_a = this.abortController) == null ? void 0 : _a.abort();
+    this.abortController = void 0;
+    this.isStreaming = false;
+    this.retryRequests.clear();
+    this.messages = [];
+    this.conversationId = crypto.randomUUID();
+    this.hydrated = true;
+    if (forget) {
+      this.userData = void 0;
+      this.preChatDone = false;
+      this.storage.clear();
+    }
+    (_b = this.preChatFormEl) == null ? void 0 : _b.destroy();
+    this.preChatFormEl = void 0;
+    this.panel.messages.clear();
+    this.panel.input.setDisabled(false);
+    if (((_c = this.config.preChatForm) == null ? void 0 : _c.enabled) && !this.preChatDone) this.showPreChatForm();
+    else this.showChatView();
+    if (!forget) this.saveHistory();
+  }
+  /**
+   * The signed-in visitor. `token` is the identity token for the server
+   * (signed-in visitors); `name` and `email` are sent as visitor details, and
+   * the name greets them. Switching to another user, or signing out with
+   * `null`, clears the chat, so one person's conversation never shows for
+   * the next.
+   */
+  setUser(user) {
+    const previous = this.client.identity;
+    const token = user == null ? void 0 : user.token;
+    if (previous !== void 0 && previous !== token) this.clear();
+    this.client.setUserToken(token);
+    if (!user) return;
+    const details = Object.fromEntries(
+      Object.entries({ name: user.name, email: user.email }).filter((entry) => typeof entry[1] === "string" && entry[1] !== "")
+    );
+    if (Object.keys(details).length) {
+      this.userData = { ...this.userData, ...details };
+      this.userFromSite = true;
+    }
+  }
+  /**
+   * Details about the page or the visitor that the bot should know for the
+   * next messages, such as `{ plan: 'Team' }`. Sent with each message as
+   * page context; `null` removes them. Ignored when `pageContext: false`.
+   */
+  setContext(data) {
+    this.pageData = data && Object.keys(data).length ? { ...data } : void 0;
+  }
+  /**
+   * Changes the look or wording of the running chat without loading it
+   * again: the theme (not `position`), branding, strings, placeholder,
+   * disclosure, welcome message and suggestions. What you leave out stays
+   * as it is. A conversation that has only the welcome message shows the
+   * new one; otherwise the welcome message and suggestions are for the
+   * next conversation.
+   */
+  update(changes) {
+    var _a, _b;
+    const current = this.config;
+    const theme = { ...current.theme, ...changes.theme, position: (_a = current.theme) == null ? void 0 : _a.position };
+    this.config = {
+      ...current,
+      ...changes,
+      theme,
+      branding: { ...current.branding, ...changes.branding },
+      strings: { ...current.strings, ...changes.strings }
+    };
+    this.locale = getWidgetLocale(this.config.locale ?? "en", this.config.strings);
+    if (!this.mounted) return;
+    if (changes.theme) applyTheme(this.shadow, theme);
+    const l = this.locale;
+    (_b = this.fab) == null ? void 0 : _b.setLabels(l.openChat, l.closeButton, l.unreadCount);
+    this.panel.update(this.panelLabels(), this.actionLabels());
+    this.renderDisclosure();
+    if (this.messages.length === 1 && this.messages[0].id === "welcome") {
+      this.messages = [];
+      this.panel.messages.clear();
+      this.showChatView();
+    }
+  }
+  panelLabels() {
+    const { branding, placeholder } = this.config;
+    const l = this.locale;
+    return {
+      branding: {
+        name: (branding == null ? void 0 : branding.name) ?? l.defaultName,
+        avatar: branding == null ? void 0 : branding.avatar,
+        subtitle: (branding == null ? void 0 : branding.subtitle) ?? l.defaultSubtitle
+      },
+      placeholder: placeholder ?? l.inputPlaceholder,
+      footerText: l.poweredBy,
+      closeLabel: l.closeButton,
+      sendLabel: l.sendButton
+    };
+  }
+  actionLabels() {
+    const l = this.locale;
+    return {
+      retryLabel: l.retryButton,
+      regenerateLabel: l.regenerateButton,
+      typingLabel: l.typingIndicator,
+      sourcesLabel: l.sourcesLabel
+    };
+  }
+  renderDisclosure() {
+    const { disclosure } = this.config;
+    if (disclosure === false) this.panel.messages.setDisclosure();
+    else
+      this.panel.messages.setDisclosure(
+        (disclosure == null ? void 0 : disclosure.text) ?? this.locale.disclosure,
+        (disclosure == null ? void 0 : disclosure.learnMoreUrl) ? { url: disclosure.learnMoreUrl, label: this.locale.disclosureLearnMore } : void 0
+      );
+  }
+  isStale(generation) {
+    return this.destroyed || generation !== this.generation;
+  }
   destroy() {
     var _a, _b, _c, _d;
     this.destroyed = true;
     if (this.autoOpenTimer !== void 0) clearTimeout(this.autoOpenTimer);
     (_a = this.abortController) == null ? void 0 : _a.abort();
     this.abortController = void 0;
+    this.restoreScroll();
     (_b = this.preChatFormEl) == null ? void 0 : _b.destroy();
     (_c = this.bubble) == null ? void 0 : _c.destroy();
     this.panel.destroy();
@@ -1339,6 +1606,28 @@ class Widget {
     this.messages = [];
     this.userData = void 0;
   }
+  lockScroll() {
+    var _a, _b;
+    if (this.savedOverflow !== void 0 || this.isInline) return;
+    if (typeof window !== "undefined" && ((_b = (_a = window.matchMedia) == null ? void 0 : _a.call(window, "(max-width: 640px)")) == null ? void 0 : _b.matches)) {
+      const root = document.documentElement;
+      this.savedOverflow = {
+        value: root.style.getPropertyValue("overflow"),
+        priority: root.style.getPropertyPriority("overflow")
+      };
+      root.style.setProperty("overflow", "hidden");
+    }
+  }
+  restoreScroll() {
+    if (this.savedOverflow === void 0) return;
+    const { value, priority } = this.savedOverflow;
+    if (value) {
+      document.documentElement.style.setProperty("overflow", value, priority);
+    } else {
+      document.documentElement.style.removeProperty("overflow");
+    }
+    this.savedOverflow = void 0;
+  }
   on(event, handler) {
     if (!this.eventHandlers.has(event)) {
       this.eventHandlers.set(event, /* @__PURE__ */ new Set());
@@ -1357,30 +1646,39 @@ class Widget {
       h(...args);
     });
   }
-  isPreChatCompleted() {
-    return this.storage.isPreChatCompleted(this.conversationId);
-  }
-  setPreChatCompleted(data) {
-    this.storage.setPreChatCompleted(this.conversationId, data);
-  }
   showPreChatForm() {
     const formConfig = this.config.preChatForm;
     this.panel.hideMessages();
     this.panel.input.setVisible(false);
-    this.preChatFormEl = new PreChatForm(this.panel.messagesContainer, {
-      title: formConfig.title ?? this.locale.preChatTitle,
-      subtitle: formConfig.subtitle ?? this.locale.preChatSubtitle,
-      fields: formConfig.fields,
-      submitLabel: formConfig.submitLabel ?? this.locale.preChatSubmit,
-      locale: this.locale,
-      onSubmit: (data) => this.handlePreChatSubmit(data)
-    });
+    loadPreChatForm().then(
+      ({ PreChatForm: PreChatForm2 }) => {
+        if (this.destroyed || this.preChatDone || this.preChatFormEl) return;
+        this.preChatFormEl = new PreChatForm2(this.panel.messagesContainer, {
+          title: formConfig.title ?? this.locale.preChatTitle,
+          subtitle: formConfig.subtitle ?? this.locale.preChatSubtitle,
+          fields: formConfig.fields,
+          submitLabel: formConfig.submitLabel ?? this.locale.preChatSubmit,
+          locale: this.locale,
+          onSubmit: (data) => this.handlePreChatSubmit(data)
+        });
+      },
+      (error) => {
+        console.error("[chatcops] The pre-chat form could not load:", error instanceof Error ? error.message : error);
+        if (this.destroyed || this.preChatDone) return;
+        this.preChatDone = true;
+        this.panel.showMessages();
+        this.panel.input.setVisible(true);
+        this.showChatView();
+      }
+    );
   }
   handlePreChatSubmit(data) {
     var _a, _b, _c, _d;
     if (!((_a = this.config.preChatForm) == null ? void 0 : _a.enabled)) return;
+    this.hydrate();
     this.userData = data;
-    this.setPreChatCompleted(data);
+    this.preChatDone = true;
+    this.saveHistory();
     (_b = this.preChatFormEl) == null ? void 0 : _b.destroy();
     this.preChatFormEl = void 0;
     this.panel.showMessages();
@@ -1405,11 +1703,23 @@ class Widget {
       };
       this.messages.push(welcomeMsg);
       this.panel.addMessage(welcomeMsg);
+      this.renderSuggestions();
     }
   }
+  renderSuggestions(suggestions = this.config.suggestions ?? []) {
+    if (this.messages.some((message) => message.role === "user")) return;
+    this.panel.messages.showSuggestions(
+      suggestions,
+      this.locale.suggestionsLabel,
+      (suggestion) => {
+        void this.handleSend(suggestion);
+      }
+    );
+  }
   async handleSend(text) {
     var _a, _b;
     if (this.isStreaming) return;
+    this.hydrate();
     const userMsg = {
       id: crypto.randomUUID(),
       role: "user",
@@ -1465,15 +1775,18 @@ class Widget {
   async sendToServer(text, options = {}) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i;
     if (this.isStreaming) return;
+    const generation = this.generation;
     this.isStreaming = true;
     this.panel.input.setDisabled(true);
     this.panel.messages.clearRegenerateButtons();
+    this.panel.messages.beginReply();
     this.panel.messages.showTyping();
     const assistantMsg = {
       id: crypto.randomUUID(),
       role: "assistant",
       content: "",
-      status: "streaming"
+      status: "streaming",
+      sources: []
     };
     let firstChunk = true;
     let requestCompleted = false;
@@ -1485,7 +1798,7 @@ class Widget {
         this.createRequest(text, options),
         { signal: abortController.signal }
       )) {
-        if (this.destroyed) break;
+        if (this.isStale(generation)) break;
         if (chunk.error) {
           const errorType = this.resolveErrorType(chunk.error);
           this.markFailed(assistantMsg, this.getErrorMessage(errorType, chunk.retryAfterMs));
@@ -1520,6 +1833,10 @@ class Widget {
           (_d = (_c = this.config).onLeadCaptured) == null ? void 0 : _d.call(_c, chunk.leadData);
           this.emit("leadCaptured", chunk.leadData);
         }
+        if (chunk.source) {
+          assistantMsg.sources ?? (assistantMsg.sources = []);
+          assistantMsg.sources.push(chunk.source);
+        }
         if (chunk.content) {
           if (firstChunk) {
             this.panel.messages.removeTyping();
@@ -1530,7 +1847,7 @@ class Widget {
           this.panel.messages.updateMessage(assistantMsg);
         }
       }
-      if (this.destroyed) return;
+      if (this.isStale(generation)) return;
       if (!hasError && !requestCompleted) {
         requestCompleted = true;
       }
@@ -1545,11 +1862,12 @@ class Widget {
         this.emit("message", assistantMsg);
         this.showLatestRegenerateButton();
         if (!this.isInline && !this.panel.isVisible) {
-          (_g = this.fab) == null ? void 0 : _g.showBadge();
+          this.unreadReplies++;
+          (_g = this.fab) == null ? void 0 : _g.showBadge(this.unreadReplies);
         }
       }
     } catch (err) {
-      if (this.destroyed) return;
+      if (this.isStale(generation)) return;
       this.markFailed(assistantMsg, this.locale.errorGeneric);
       assistantMsg.errorType = "network";
       this.retryRequests.set(assistantMsg.id, {
@@ -1570,7 +1888,8 @@ class Widget {
       if (this.abortController === abortController) {
         this.abortController = void 0;
       }
-      if (!this.destroyed) {
+      if (!this.isStale(generation)) {
+        this.panel.messages.finishReply(assistantMsg);
         this.isStreaming = false;
         this.panel.input.setDisabled(false);
         this.panel.input.focus();
@@ -1580,8 +1899,11 @@ class Widget {
   }
   createRequest(text, options) {
     var _a;
-    const pageContext = this.config.pageContext !== false ? { url: window.location.href, title: document.title } : void 0;
-    const includeUserData = Boolean(((_a = this.config.preChatForm) == null ? void 0 : _a.enabled) && this.userData && !this.v1);
+    const pageContext = this.config.pageContext !== false ? { url: window.location.href, title: document.title, ...this.pageData ? { data: this.pageData } : {} } : void 0;
+    const includeUserData = Boolean(
+      (((_a = this.config.preChatForm) == null ? void 0 : _a.enabled) || this.userFromSite) && this.userData && (!this.v1 || this.userDataSentWith !== this.conversationId)
+    );
+    if (includeUserData) this.userDataSentWith = this.conversationId;
     return {
       conversationId: this.conversationId,
       message: text,
@@ -1643,7 +1965,6 @@ class Widget {
     return this.locale[ERROR_MESSAGES[errorType] ?? "errorGeneric"];
   }
   saveHistory() {
-    if (this.config.persistHistory === false) return;
     const maxMessages = this.config.maxMessages ?? 50;
     const toSave = this.messages.filter((m) => m.id !== "welcome").slice(-maxMessages);
     this.storage.save({
@@ -1654,14 +1975,15 @@ class Widget {
         content: m.content,
         status: m.status,
         errorType: m.errorType,
-        timestamp: Date.now()
+        timestamp: Date.now(),
+        ...m.sources && m.sources.length > 0 ? { sources: m.sources } : {}
       })),
+      ...this.userData ? { userData: this.userData } : {},
+      ...this.preChatDone ? { preChatDone: true } : {},
       updatedAt: Date.now()
     });
   }
 }
-let instance = null;
-const persistentHandlers = /* @__PURE__ */ new Map();
 function parseAutoOpen(value) {
   if (value === void 0) return void 0;
   if (value === "" || value === "true") return true;
@@ -1669,26 +1991,109 @@ function parseAutoOpen(value) {
   if (/^\d+$/.test(value)) return Number(value);
   return void 0;
 }
-const ChatCops = {
-  init(config) {
-    if (instance) {
-      instance.destroy();
-    }
-    instance = new Widget(config);
-    for (const [event, handlers] of persistentHandlers) {
-      for (const handler of handlers) {
-        instance.on(event, handler);
-      }
-    }
-    instance.init();
-    return instance;
-  },
+function configFromScript(script) {
+  const apiUrl = script.dataset.apiUrl;
+  if (!apiUrl) return void 0;
+  const mode = script.dataset.mode;
+  const container = script.dataset.container;
+  return {
+    apiUrl,
+    turnstileSiteKey: script.dataset.turnstileSiteKey,
+    userToken: script.dataset.userToken,
+    mode: mode || void 0,
+    container: container || void 0,
+    theme: {
+      mode: script.dataset.themeMode || void 0,
+      accent: script.dataset.accent,
+      accentDark: script.dataset.accentDark,
+      textColor: script.dataset.textColor,
+      bgColor: script.dataset.bgColor,
+      fontFamily: script.dataset.fontFamily,
+      borderRadius: script.dataset.borderRadius,
+      position: script.dataset.position || void 0
+    },
+    branding: {
+      name: script.dataset.brandName,
+      avatar: script.dataset.brandAvatar,
+      subtitle: script.dataset.brandSubtitle
+    },
+    welcomeMessage: script.dataset.welcomeMessage,
+    welcomeBubble: script.dataset.welcomeBubble ? {
+      text: script.dataset.welcomeBubble,
+      delay: /^\d+$/.test(script.dataset.welcomeBubbleDelay ?? "") ? Number(script.dataset.welcomeBubbleDelay) : void 0
+    } : void 0,
+    autoOpen: parseAutoOpen(script.dataset.autoOpen),
+    placeholder: script.dataset.placeholder,
+    disclosure: script.dataset.disclosure === "false" ? false : { text: script.dataset.disclosureText, learnMoreUrl: script.dataset.disclosureUrl },
+    locale: script.dataset.locale,
+    dir: ["ltr", "rtl", "auto"].find((dir) => dir === script.dataset.dir),
+    persistence: ["local", "session", "none"].find((mode2) => mode2 === script.dataset.persistence),
+    historyTtlDays: /^\d+$/.test(script.dataset.historyTtlDays ?? "") ? Number(script.dataset.historyTtlDays) : void 0
+  };
+}
+const VERSION = "0.7.0";
+let instance = null;
+const persistentHandlers = /* @__PURE__ */ new Map();
+const ChatCops = {
+  init(config) {
+    if (instance) {
+      instance.destroy();
+    }
+    instance = new Widget(config);
+    for (const [event, handlers] of persistentHandlers) {
+      for (const handler of handlers) {
+        instance.on(event, handler);
+      }
+    }
+    instance.init();
+    return instance;
+  },
   open() {
     instance == null ? void 0 : instance.open();
   },
   close() {
     instance == null ? void 0 : instance.close();
   },
+  toggle() {
+    instance == null ? void 0 : instance.toggle();
+  },
+  /** Sends `text` as the visitor (opening the chat unless `open: false`); resolves when the reply is done. */
+  sendMessage(text, options) {
+    return (instance == null ? void 0 : instance.sendMessage(text, options)) ?? Promise.resolve();
+  },
+  /** A fresh conversation: new id, the log back to the welcome message. */
+  newConversation() {
+    instance == null ? void 0 : instance.newConversation();
+  },
+  /** A fresh conversation, and the saved transcript and pre-chat answers removed from this browser. */
+  clear() {
+    instance == null ? void 0 : instance.clear();
+  },
+  /**
+   * Adds a language, or replaces one: its strings, with English for any it
+   * leaves out, and `dir: 'rtl'` for right-to-left. Use the code as `locale`.
+   */
+  registerLocale(code, strings, options) {
+    registerWidgetLocale(code, strings);
+    if (options == null ? void 0 : options.dir) setLanguageDirection(code, options.dir);
+  },
+  /**
+   * The signed-in visitor: `token` for the server, `name` and `email` as
+   * visitor details. Another user, or `null` to sign out, clears the chat.
+   */
+  setUser(user) {
+    instance == null ? void 0 : instance.setUser(user);
+  },
+  /** Details the bot should know for the next messages, such as `{ plan: 'Team' }`. `null` removes them. */
+  setContext(data) {
+    instance == null ? void 0 : instance.setContext(data);
+  },
+  /** Changes the theme, branding or wording of the running chat. What you leave out stays as it is. */
+  update(changes) {
+    instance == null ? void 0 : instance.update(changes);
+  },
+  /** The widget's version. */
+  version: VERSION,
   destroy() {
     instance == null ? void 0 : instance.destroy();
     instance = null;
@@ -1712,38 +2117,8 @@ const ChatCops = {
   }
 };
 function autoInit(script) {
-  if (!script) return;
-  const apiUrl = script.dataset.apiUrl;
-  if (!apiUrl) return;
-  const mode = script.dataset.mode;
-  const container = script.dataset.container;
-  ChatCops.init({
-    apiUrl,
-    turnstileSiteKey: script.dataset.turnstileSiteKey,
-    mode: mode || void 0,
-    container: container || void 0,
-    theme: {
-      accent: script.dataset.accent,
-      textColor: script.dataset.textColor,
-      bgColor: script.dataset.bgColor,
-      fontFamily: script.dataset.fontFamily,
-      borderRadius: script.dataset.borderRadius,
-      position: script.dataset.position || void 0
-    },
-    branding: {
-      name: script.dataset.brandName,
-      avatar: script.dataset.brandAvatar,
-      subtitle: script.dataset.brandSubtitle
-    },
-    welcomeMessage: script.dataset.welcomeMessage,
-    welcomeBubble: script.dataset.welcomeBubble ? {
-      text: script.dataset.welcomeBubble,
-      delay: script.dataset.welcomeBubbleDelay ? parseInt(script.dataset.welcomeBubbleDelay, 10) : void 0
-    } : void 0,
-    autoOpen: parseAutoOpen(script.dataset.autoOpen),
-    placeholder: script.dataset.placeholder,
-    locale: script.dataset.locale
-  });
+  const config = script && configFromScript(script);
+  if (config) ChatCops.init(config);
 }
 const currentScript = typeof document !== "undefined" ? document.currentScript : null;
 if (currentScript && currentScript.dataset.apiUrl) {
@@ -1756,6 +2131,225 @@ if (currentScript && currentScript.dataset.apiUrl) {
 if (typeof window !== "undefined") {
   window.ChatCops = ChatCops;
 }
+let loading;
+async function turnstileToken(siteKey) {
+  loading ?? (loading = new Promise((resolve, reject) => {
+    const script = document.createElement("script");
+    script.src = "https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit";
+    script.onload = resolve;
+    script.onerror = reject;
+    document.head.append(script);
+  }));
+  await loading;
+  const box = document.createElement("div");
+  box.style.cssText = "position:fixed;bottom:96px;right:24px;z-index:2147483647";
+  document.body.append(box);
+  try {
+    return await new Promise((resolve, reject) => {
+      window.turnstile.render(box, {
+        sitekey: siteKey,
+        appearance: "interaction-only",
+        callback: resolve,
+        "error-callback": reject
+      });
+    });
+  } finally {
+    box.remove();
+  }
+}
+const turnstile = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  turnstileToken
+}, Symbol.toStringTag, { value: "Module" }));
+const prechatStyles = ".cc-prechat{flex:1;overflow-y:auto;padding:24px 16px;display:flex;flex-direction:column;gap:16px}.cc-prechat-title{font-size:18px;font-weight:600;color:var(--cc-text)}.cc-prechat-subtitle{font-size:13px;color:var(--cc-text-secondary);margin-top:-8px}.cc-prechat-fields{display:flex;flex-direction:column;gap:14px}.cc-prechat-field{display:flex;flex-direction:column;gap:4px}.cc-prechat-label{font-size:13px;font-weight:500;color:var(--cc-text)}.cc-prechat-label .cc-required{color:var(--cc-danger);margin-inline-start:2px}.cc-prechat-input,.cc-prechat-select,.cc-prechat-textarea{background:var(--cc-bg-input);border:1px solid var(--cc-border);border-radius:8px;padding:8px 12px;color:var(--cc-text);font-family:var(--cc-font);font-size:14px;outline:none;transition:border-color .15s}.cc-prechat-input:focus,.cc-prechat-select:focus,.cc-prechat-textarea:focus{border-color:var(--cc-accent)}.cc-prechat-select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.cc-prechat-textarea{resize:none;line-height:1.5}.cc-prechat-error{font-size:12px;color:var(--cc-danger);min-height:0}.cc-prechat-error:empty{display:none}.cc-prechat-submit{background:var(--cc-accent-contrast);color:var(--cc-on-accent);border:none;border-radius:8px;padding:10px 16px;font-family:var(--cc-font);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s;margin-top:8px}.cc-prechat-submit:hover{background:var(--cc-accent-hover)}.cc-prechat-submit:disabled{opacity:.5;cursor:not-allowed}.cc-prechat-input:focus-visible,.cc-prechat-select:focus-visible,.cc-prechat-textarea:focus-visible,.cc-prechat-submit:focus-visible{outline:2px solid transparent;box-shadow:var(--cc-focus-ring)}@media(max-width:640px){.cc-prechat-input,.cc-prechat-select,.cc-prechat-textarea{font-size:16px}}";
+const MAX_PRECHAT_FIELD_LENGTH = 500;
+class PreChatForm {
+  constructor(parent, options) {
+    this.fieldElements = /* @__PURE__ */ new Map();
+    this.errorElements = /* @__PURE__ */ new Map();
+    this.options = options;
+    this.container = document.createElement("div");
+    this.container.className = "cc-prechat";
+    if (options.title) {
+      const title = document.createElement("div");
+      title.className = "cc-prechat-title";
+      title.textContent = options.title;
+      this.container.appendChild(title);
+    }
+    if (options.subtitle) {
+      const subtitle = document.createElement("div");
+      subtitle.className = "cc-prechat-subtitle";
+      subtitle.textContent = options.subtitle;
+      this.container.appendChild(subtitle);
+    }
+    const form = document.createElement("form");
+    form.className = "cc-prechat-fields";
+    form.noValidate = true;
+    form.addEventListener("submit", (e) => {
+      e.preventDefault();
+      this.handleSubmit();
+    });
+    for (const field of options.fields) {
+      form.appendChild(this.createField(field));
+    }
+    this.submitBtn = document.createElement("button");
+    this.submitBtn.type = "submit";
+    this.submitBtn.className = "cc-prechat-submit";
+    this.submitBtn.textContent = options.submitLabel;
+    form.appendChild(this.submitBtn);
+    this.container.appendChild(form);
+    parent.appendChild(this.container);
+    addStyles(parent.getRootNode());
+    this.updateSubmitState();
+    const firstInput = this.fieldElements.values().next().value;
+    if (firstInput) {
+      setTimeout(() => firstInput.focus(), 100);
+    }
+  }
+  createField(field) {
+    const wrapper = document.createElement("div");
+    wrapper.className = "cc-prechat-field";
+    const inputId = `cc-prechat-${field.name}`;
+    const errorId = `cc-prechat-${field.name}-error`;
+    const label = document.createElement("label");
+    label.className = "cc-prechat-label";
+    label.htmlFor = inputId;
+    label.textContent = field.label;
+    if (field.required) {
+      const req = document.createElement("span");
+      req.className = "cc-required";
+      req.textContent = "*";
+      label.appendChild(req);
+    }
+    wrapper.appendChild(label);
+    let input;
+    if (field.type === "select") {
+      const select = document.createElement("select");
+      select.className = "cc-prechat-select";
+      const defaultOpt = document.createElement("option");
+      defaultOpt.value = "";
+      defaultOpt.textContent = field.placeholder ?? this.options.locale.selectPlaceholder.replace("{label}", field.label.toLowerCase());
+      defaultOpt.disabled = true;
+      defaultOpt.selected = true;
+      select.appendChild(defaultOpt);
+      for (const opt of field.options ?? []) {
+        const option = document.createElement("option");
+        option.value = opt;
+        option.textContent = opt;
+        select.appendChild(option);
+      }
+      input = select;
+    } else if (field.type === "textarea") {
+      const textarea = document.createElement("textarea");
+      textarea.className = "cc-prechat-textarea";
+      textarea.placeholder = field.placeholder ?? "";
+      textarea.rows = 3;
+      textarea.maxLength = MAX_PRECHAT_FIELD_LENGTH;
+      input = textarea;
+    } else {
+      const textInput = document.createElement("input");
+      textInput.type = field.type;
+      textInput.className = "cc-prechat-input";
+      textInput.maxLength = MAX_PRECHAT_FIELD_LENGTH;
+      textInput.placeholder = field.placeholder ?? "";
+      input = textInput;
+    }
+    input.name = field.name;
+    input.id = inputId;
+    if (field.required) {
+      input.setAttribute("aria-required", "true");
+    }
+    input.addEventListener("input", () => {
+      this.clearError(field.name);
+      this.updateSubmitState();
+    });
+    if (input instanceof HTMLSelectElement) {
+      input.addEventListener("change", () => {
+        this.clearError(field.name);
+        this.updateSubmitState();
+      });
+    }
+    wrapper.appendChild(input);
+    this.fieldElements.set(field.name, input);
+    const error = document.createElement("div");
+    error.className = "cc-prechat-error";
+    error.id = errorId;
+    wrapper.appendChild(error);
+    this.errorElements.set(field.name, error);
+    return wrapper;
+  }
+  updateSubmitState() {
+    const allRequiredFilled = this.options.fields.every((field) => {
+      if (!field.required) return true;
+      const el = this.fieldElements.get(field.name);
+      return el ? el.value.trim().length > 0 : false;
+    });
+    this.submitBtn.disabled = !allRequiredFilled;
+  }
+  handleSubmit() {
+    const data = {};
+    let valid = true;
+    for (const field of this.options.fields) {
+      const el = this.fieldElements.get(field.name);
+      if (!el) continue;
+      const value = el.value.trim();
+      data[field.name] = value;
+      if (field.required && !value) {
+        this.showError(field.name, this.options.locale.preChatRequired);
+        valid = false;
+        continue;
+      }
+      if (field.type === "email" && value && !this.isValidEmail(value)) {
+        this.showError(field.name, this.options.locale.preChatInvalidEmail);
+        valid = false;
+      }
+    }
+    if (valid) {
+      this.options.onSubmit(data);
+    }
+  }
+  showError(fieldName, message) {
+    const el = this.errorElements.get(fieldName);
+    if (el) el.textContent = message;
+    const fieldEl = this.fieldElements.get(fieldName);
+    if (fieldEl && el) {
+      fieldEl.setAttribute("aria-invalid", "true");
+      fieldEl.setAttribute("aria-describedby", el.id);
+    }
+  }
+  clearError(fieldName) {
+    const el = this.errorElements.get(fieldName);
+    if (el) el.textContent = "";
+    const fieldEl = this.fieldElements.get(fieldName);
+    if (fieldEl && el) {
+      if (fieldEl.getAttribute("aria-describedby") === el.id) {
+        fieldEl.removeAttribute("aria-describedby");
+      }
+      if (fieldEl.getAttribute("aria-invalid") === "true") {
+        fieldEl.removeAttribute("aria-invalid");
+      }
+    }
+  }
+  isValidEmail(email) {
+    return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
+  }
+  destroy() {
+    this.container.remove();
+    this.fieldElements.clear();
+    this.errorElements.clear();
+  }
+}
+function addStyles(root) {
+  if (!(root instanceof ShadowRoot) || root.querySelector("style[data-cc-prechat]")) return;
+  const style = document.createElement("style");
+  style.dataset.ccPrechat = "";
+  style.textContent = prechatStyles;
+  root.appendChild(style);
+}
+const prechatForm = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  PreChatForm
+}, Symbol.toStringTag, { value: "Module" }));
 if (typeof window !== "undefined" && window.ChatCops && window.ChatCops.default) {
   Object.assign(window.ChatCops, window.ChatCops.default);
 }